码迷,mamicode.com
首页 > 其他好文 > 详细

Angular - Templates(模板)

时间:2015-10-23 18:43:40      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:

点击查看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>

Angular - Templates(模板)

标签:

原文地址:http://www.cnblogs.com/leosx/p/4905075.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!