Угловой шаблон - это спецификация объявления, которая отображается в представление, которое пользователь видит в браузере вместе с информацией модели и контроллера. Это статический DOM, в том числе HTML, CSS, угловые специальные элементы и атрибуты указанных угловых элементов. Угловые элементы и атрибуты указывают на угловой для расширения поведения и преобразования шаблона DOM в динамический вид DOM.
Вот тип атрибута углового элемента, который мы можем использовать в шаблоне:
Примечание. В дополнение к объявлению вышеуказанных элементов в шаблоне, мы также можем получить доступ к этим элементам в коде JavaScript.
В следующем фрагменте кода показан простой угловой шаблон, состоящий из стандартных HTML-тегов и угловой директивы, выражения Brace Brace ({{Expression}}, //www.vevb.com/article/91742.htm).
<! Doctype html> <!-ng-app, определите область приложения, создайте корневую область-> <html ng-app> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> template </title> <meta content = "ie = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome = chrome =. http-equiv = "x-ua-совместимый"> <style type = "text/css"> .ng-cloak {display: none; } </style> </head> <!-ng-cloak, класс, который будет удален после компиляции ng-controller, директива, используемой для указания, что соответствующий контроллер текущего шаблона является MyController-> <Body ng-controller = "MyController"> <!-NG-Model, Directive, используемый для определения того, что соответствующая модель. -> <input type = "text" ng-model = "foo" value = ""/> <!-ng-click, директива, то, что вам нужно сделать после нажатия, может быть выражением, например, как ButtonText = '1'; или это может быть вызова функции, как показано ниже. {{buttonText}}, используемый для отображения значения ButtonText, которое может быть или получено в цепочке текущей области-> <Button Ng-Click = "maneficfoo ()"> {{ButtonText}} </button> <script src = "../ angular -1.0.1.js" type = "text/javascript"> </script> <script> <screenscript = javascript> </script> <script> <screenscript> javascript " MyController ($ scope) {$ scope.buttontext = "материал по умолчанию"; // инициализировать модель кнопки $ scope.foo = "modify me"; // инициализировать модель foo $ scope.changefoo = function () {// dercaute reamefoo this.buttontext = this.foo; // назначьте значение foot toftextext // this Come This This This. }; } </script> </body> </html>В простом приложении с одной страницей шаблон состоит из HTML, CSS и угловой директивы, все это содержится в файле HTML (обычно называется index.html). Но в некоторых более сложных приложениях мы можем отобразить несколько представлений на одной странице, используя «частичные», то есть сохранить сегменты шаблонов в отдельном HTML -файле. Мы можем использовать сервис $ Route (http://code.angularjs.org/1.0.2/docs/api/ng.$route) и директива ngview (http://code.angularjs.org/1.0.2/docs/api/ng.directive:ngview) на главной странице. Пример этой техники показан на седьмом и восьмом этапах углового учебника (http://code.angularjs.org/1.0.2/docs/tutorial/index). (Я буду играть с этой частью позже -_-!)
Выше приведено набор информации об angularjs, понимающих угловые шаблоны. Мы будем продолжать добавлять соответствующую информацию в будущем. Спасибо за поддержку этого сайта!