這篇文章將為大家詳細講解有關AngularJS1.X中數據綁定的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

在遼寧等地區，都構建了全面的區域性戰略布局，加強發展的系統性、市場前瞻性、產品創新能力，以專注、極致的服務理念，為客戶提供成都網站建設、成都做網站 網站設計制作按需設計網站,公司網站建設,企業網站建設,成都品牌網站建設,全網整合營銷推廣,外貿網站制作,遼寧網站建設費用合理。

1、ng-bind

 
 


 
  
 

 
 
  angular.module('myApp',[])
  .controller('dataCtrl',function($scope){
   $scope.data = "你好啊！";
  })
 

ng-bind實現了一個簡單單向綁定。

2、{{}}

類似ng-bind，用的比較多。

 
 


 
  {{data}}
 

 
 
  angular.module('myApp',[])
  .controller('dataCtrl',function($scope){
   $scope.data = "你好啊！";
  })
 

這種綁定的缺點是，開始加載時可能會出現類似{{data}}這樣的東西。

解決方法是使用ng-bind或ng-cloak，ng-cloak應該只在有數據綁定的地方使用，否則處理中用戶將看到空白。

 
 


 
  {{data}}
 

 
 
  angular.module('myApp',[])
  .controller('dataCtrl',function($scope){
   $scope.data = "你好啊！";
  })
 

我測試了一下ng-cloak，不知道為什么不行，有人知道的話請告知一下。

3、ng-bind-html

這個指令可以用html的方式處理數據，它不會將html代碼解析成實體。下面對比一下ng-bind和ng-bind-html.