Що таке $ scope у AngularJS?
$ scope в AngularJS - це вбудований об'єкт, який в основному пов'язує "контролер" і "подання". Можна визначити змінні-члени в області дії в контролері, до яких потім можна отримати доступ через представлення даних.
Розглянемо приклад нижче:
angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});
Пояснення коду:
- Назва модуля "app"
- Ім'я контролера "HelloWorldCntrl"
- Об'єкт Scope - це основний об'єкт, який використовується для передачі інформації від контролера до подання.
- Змінна-член додана до об’єкта сфери дії
Налаштування або додавання поведінки
Для того, щоб реагувати на події або виконувати якісь обчислення / обробки у поданні, ми повинні забезпечити поведінку області дії.
Поведінки додаються до об’єктів обсягу для реагування на конкретні події, які можуть бути викликані поданням. Після того, як поведінка визначена в контролері, доступ до неї можна отримати за допомогою подання.
Давайте розглянемо приклад того, як ми можемо цього досягти.
Guru99 Guru99 Global Event
{{fullName("Guru","99")}}
Пояснення коду:
- Ми створюємо поведінку під назвою "fullName". Ця поведінка є функцією, яка приймає 2 параметри (ім'я, прізвище).
- Потім поведінка повертає конкатенацію цих 2 параметрів.
- У поданні ми називаємо поведінку та передаємо 2 значення "Гуру" та "99", які передаються як параметри поведінки.
Якщо команда успішно виконана, під час запуску коду в браузері буде показано наступний результат.
Вихід:
У браузері ви побачите конкатенацію обох значень Guru & 99, які були передані поведінці в контролері.
Резюме
- Різні змінні-члени можуть бути додані до об'єкта сфери дії, на які потім можна посилатися у поданні.
- Поведінку можна додати до роботи з подіями, які генеруються для дій, що виконуються користувачем.
- Angularjs
$rootScope- це область для всієї програми. Додаток може мати лише один $ rootScope і використовується як глобальна змінна. У Angular JS $ сфери - це дочірні області, а $ rootScope - батьківська область