Улучшить эту страницуШаблоны

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

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

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

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

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

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

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

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

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

Улучшить эту страницуШаблоны

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

Связанный API