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

В 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

• Справочник API