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

Пользователь

от brook.gottlieb , в категории: Компьютерные технологии , 8 месяцев назад

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

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от julien.ziemann , 8 месяцев назад

@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.