angular学习笔记(三)-视图绑定数据的两种方式

最新推荐文章于 2019-02-20 16:05:00 发布

angaixing0071

最新推荐文章于 2019-02-20 16:05:00 发布

阅读量87

点赞数

文章标签： javascript ViewUI

原文链接：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

转载于:https://www.cnblogs.com/liulangmao/p/3711463.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

angaixing0071

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular学习笔记(三)-视图绑定数据的两种方式

绑定数据有两种方式:<!DOCTYPE html><html ng-app><head> <title>2.2显示文本</title> <meta charset="utf-8"> <script src="../angular.js"></script>...
复制链接

扫一扫