angular学习（七）—— Template

最新推荐文章于 2023-10-12 18:28:00 发布

Servenity

最新推荐文章于 2023-10-12 18:28:00 发布

阅读量585

点赞数

分类专栏： Angular 文章标签： angular

Angular 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

来源地址：http://blog.csdn.net/lastsweetop/article/details/54585484

在Angular中，模板是包含一些特定元素和属性的HTML，Angular将模板结合模型和控制器的信息在浏览器中以动态视图的形式呈现给用户。

下面是你可以使用的angular元素和属性：

Directive — 增强现有的DOM元素或者展现可重复的DOM组件
Markup — 双大括号是angular的内置标记，将表达式和元素绑定
Filter — 格式化数据用于显示
Form controls — 用于验证用户输入

下面代码是一个带有指令和双大括号表达式的模板

<html ng-app>
 <!-- Body 标签扩展了ngController指令  -->
 <body ng-controller="MyController">
   <input ng-model="foo" value="bar">
   <!-- Button标签扩展了ngClick指令,
         双大括号字符串表达式buttonText -->
   <button ng-click="changeFoo()">{{buttonText}}</button>
   <script src="angular.js">
 </body>
</html>
 
 1
2
3
4
5
6
7
8
9
10
 
 1
2
3
4
5
6
7
8
9
10