AngularJS директивы расширяют набор HTML атрибутов. Это специальные атрибуты начинающиеся с префикса “ng-“. Мы собираемся описать следующие из них –

  • ng-app – Определяет корневой элемент приложения.
  • ng-init – Определяет начальные значения для приложения.
  • ng-model –Связывает значение управления HTML для данных приложения.
  • ng-repeat – Определяет шаблон для каждого типа данных в коллекции.

ng-app директива

ng-app является точной входа в AngulaJS приложение. Она определяет корневой элемент (в котором будет происходить вся работа) нашего приложения. Она автоматически инициализирует приложение когда веб страница будет загружена. Так же она используется для загрузки различных AngularJS модулей в приложение. В примере, мы определим корневой элемент для AngularJS приложения используя ng-app атрибут на <div> элементе.

 

ng-init директива

ng-init инициализирует данные нашего приложения. Директива используется, чтобы загрузить данные в приложение. В примере, мы инициализируем массив стран. Мы используем JSON синтаксис для определения массива стран.

 

ng-model директива

Определяет модель/переменную для использования в приложении.  В следующем примере мы определим модель с названием “name”.

 

ng-repeat директива

ng-repeat повторяет html элементы для каждого элемента коллекции. В примере, мы рассмотрим вывод массива стран в DOM.

Пример:

Что получилось:

Полный список деректив AngularJShttp://35.156.110.60/angularjs-tutorial/angularjs-references/

AngularJS основные директивы

Отключите, пожалуйста, AdBlock / uBlock. Поддержите наш проект! Сайт не переполнен рекламными блоками, поп-андерами и другими видами рекламы.