angular template是一个声明规范,与model、controller的信息一起,渲染成用户在浏览器中所看到的视图。它是静态的DOM,包括HTML、CSS、angular特别的元素和angular指定的元素属性。angular元素和属性指示angular去扩展行为以及将template DOM转换为动态视图的DOM。
下面是我们可以在template中使用的angular元素已经元素属性的类型:
- Directive() - 一个扩展现有DOM元素或者代表一个可复用的DOM组件的属性或者元素,即控件。
- Markup(http://code.angularjs.org/1.0.2/docs/api/ng.$interpolate) - 通过双大括号表示法{{}}来绑定表达式到元素中,是内建的angular标记。
- Filter(http://code.angularjs.org/1.0.2/docs/guide/dev_guide.templates.filters)- 用于格式化我们给用户看的数据。
- Form controls ()- 让我们验证用户输入。
注意:除了可以在模版中声明上面的元素以外,我们也可以在javascript代码中访问这些元素。
下面的代码片段,展示了一个简单的angular template,它由标准的HTML标签以及angular directive、花括号绑定的expression({{expression}},)组成。