AngularJS(三)視圖綁定數據的兩種方式

轉載出處: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



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章