您的位置：首页 > Web前端 > AngularJS

Angular - Templates(模板)

2015-10-23 17:01 639 查看

点击查看AngularJS系列目录
转载请注明出处：http://www.cnblogs.com/leosx/

在Angular中，模板是一个包含了Angular特定元素和属性的HTML。Angular结合模板、控制器和模型(model)的信息，动态的呈现一个界面给用户。

有以下几种类型的元素你可以在模板中使用：

1、Directive 指令 -- 可以作为一个DOM元素的扩展或者作为一个DOM元素的属性存在与模板当中。

2、Markup标签 -- 比如双花括号

{{表达式}}

就是一个Angular的标签。

3、Filter过滤器 -- 格式化显示数据

4、Form controls表单控件 -- 用于验证用户的输入。

下面来一个示例：

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航