AngularJS(三)视图绑定数据的两种方式

来源:互联网 发布:retrofit 传json 编辑:程序博客网 时间:2024/05/16 09:03

转载出处:http://www.cnblogs.com/liulangmao/p/3711463.html

绑定数据有两种方式:

复制代码
<!DOCTYPE html><html ng-app><head>  <title>2.2显示文本</title>  <meta charset="utf-8">  <script src="../angular.js"></script>  <script src="script.js"></script></head><body>  <div>    <div ng-controller="showText" >      <h1 ng-bind="text.message"></h1>      <h1>{{text.name}}</h1>    </div>  </div></body></html>
复制代码

1:ng-bind = "变量"

2:{{变量}}

ng-bind属性来绑定数据和{{}}来绑定数据,效果一致,
但是如果有大量的数据,在数据还没有加载完成之前,如果使用{{}},用户会看到{{}},而不是被替换掉的实际数据.所以初始化的数据可以使用ng-bind



原创粉丝点击