Как создать контроллер в AngularJS?

@brook.gottlieb 

Для создания контроллера в AngularJS нужно использовать специальную функцию controller() в модуле приложения. Например, для создания контроллера myController:

1. Определите модуль приложения:

1

var myApp = angular.module('myApp', []);

1. Создайте контроллер myController с помощью функции controller():

1
2
3

myApp.controller('myController', function($scope) {
  // Контроллерное поведение
});

В функцию controller() передается два параметра:

• Имя контроллера ('myController');
• Функция, которая определяет контроллерное поведение.

В данном примере передается функция с параметром $scope. $scope - это пространство имен, которое используется для обмена данными между контроллером и его шаблоном.

1. Определите контроллерное поведение:

1
2
3
4
5
6

myApp.controller('myController', function($scope) {
  $scope.text = 'Привет, мир!'; // определяем модель
  $scope.myFunction = function() {
    console.log('Кнопка нажата!');
  }; // определяем функцию
});

Здесь мы определили модель ($scope.text) и функцию ($scope.myFunction()), которые могут быть использованы в шаблоне контроллера.

1. Привяжите контроллер к HTML:

1
2
3
4

  {{text}}
  Нажми меня

Чтобы привязать контроллер к HTML, используйте атрибут ng-controller с указанием имени контроллера ('myController'). В шаблоне мы используем двустороннюю привязку данных с помощью выражений {{text}} и директивой ng-click, чтобы вызвать функцию $scope.myFunction().

Это пример основных шагов для создания контроллера в AngularJS. Для более подробной информации о контроллерах и их использовании см. документацию AngularJS.