angular學習筆記(三)-檢視繫結資料的兩種方式

詩&遠方發表於2014-05-06
Angular筆記

繫結資料有兩種方式:

<!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

 

相關文章