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

在遼寧等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需設(shè)計(jì)網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),全網(wǎng)整合營銷推廣,外貿(mào)網(wǎng)站制作,遼寧網(wǎng)站建設(shè)費(fèi)用合理。

1、ng-bind

 
 


 
  
 

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

ng-bind實(shí)現(xiàn)了一個(gè)簡單單向綁定。

2、{{}}

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

 
 


 
  {{data}}
 

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

這種綁定的缺點(diǎn)是，開始加載時(shí)可能會出現(xiàn)類似{{data}}這樣的東西。

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

 
 


 
  {{data}}
 

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

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

3、ng-bind-html

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