Guide: Templates — Angular.js 1.2

Улучшить эту документацию

В Angular шаблоны пишутся с помощью HTML, содержащего элементы и атрибуты, специфичные для Angular. Angular объединяет шаблон с информацией из модели и контроллера, чтобы отобразить динамическую страницу, которую пользователь видит в браузере.

Вот типы элементов и атрибутов Angular, которые вы можете использовать:

Директива — атрибут или элемент, который дополняет существующий элемент DOM или представляет собой повторно используемый компонент DOM.
Разметка — обозначение двойными фигурными скобками {{ }} для привязки выражений к элементам является встроенной разметкой Angular.
Фильтр — форматирует данные для отображения.
Элементы управления формами — проверяют ввод пользователя.

Следующий фрагмент кода демонстрирует шаблон с директивами и привязками выражений в фигурных скобках:

<html ng-app>
<!-- Body tag augmented with ngController directive  -->
<body ng-controller="MyController">
  <input ng-model="foo" value="bar">
  <!-- Button tag with ng-click directive, and
         string expression 'buttonText'
         wrapped in "{{ }}" markup -->
  <button ng-click="changeFoo()">{{buttonText}}</button>
  <script src="angular.js">
</body>
</html>

В простом приложении шаблон состоит из HTML, CSS и директив Angular, содержащихся в одном HTML-файле (обычно index.html).

В более сложном приложении вы можете отображать несколько представлений на одной главной странице с помощью «частичных» – фрагментов шаблона, расположенных в отдельных HTML-файлах. Вы можете использовать директиву ngView для загрузки частичных представлений на основе конфигурации, переданной в сервис $route. Руководство по Angular демонстрирует эту технику на седьмом и восьмом шагах.

Справочник API

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.2.32/docs/guide/templates

Связанные темы

Связанный API