真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

AngularJS1.x學習directive中‘&’‘=’‘@’符號的區(qū)別有哪些

這篇文章給大家分享的是有關AngularJS1.x學習directive中‘& ’‘=’ ‘@’符號的區(qū)別有哪些的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

為南湖等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務,及南湖網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為成都網(wǎng)站制作、網(wǎng)站建設、南湖網(wǎng)站設計,以傳統(tǒng)方式定制建設網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!

對組件復用這點,angular以directive的形式展示給開發(fā)者,是一個還算不錯的選擇,作為一個UI組件,必定存在數(shù)據(jù)交互。

那么數(shù)據(jù)交互過程中的幾個符號我們一定要有所了解,以及他們的區(qū)別是什么,防止我們在運用過程中出錯。

1. 首先,我們看一scope作用域下面@的使用:

html

 
  
    

   
     

    
   
    
    我的angularjs 
   
      

js

var myApp=angular.module('myApp',[]); 
myApp.controller('listCtrl',function($scope){ 
  $scope.logchore="motorola"; 
}); 


myApp.directive('test',function(){ 
  return { 
    'restrict':'E', 
    scope:{ 
      title:"@" 
    }, 
    template:'{{title}}
'    }  });

這個必須指定的,這里的title是指令里scope的@對應的,t就是控制域scope下的 .

2. = 的使用。

html

 
  
    

   
     

    
   
    
    

{{title}}

      我的angularjs     
      

js

var myApp=angular.module('myApp',[]); 
myApp.controller('listCtrl',function($scope){ 
  $scope.logchore="motorola"; 
}); 


myApp.directive('test',function(){ 
  return { 
    'restrict':'E', 
    scope:{ 
      title:"=" 
    }, 
    template:'{{title}}' 

  } 
});

和上面@相比,這個直接賦值等于scope域下的t了

3. 最好我們看看&符號的使用

html

 
  
    

   
     

    
    
  
 
 

js

var myApp=angular.module('myApp',[]); 
myApp.controller('listCtrl',function($scope){ 
  $scope.logchore=function(){ 
    alert('ok'); 
  }; 
}); 


myApp.directive('test',function(){ 
  return { 
    'restrict':'E', 
    scope:{ 
      flavor:"&"  
    }, 
    template:'' 

  } 
});

感謝各位的閱讀!關于“AngularJS1.x學習directive中‘& ’‘=’ ‘@’符號的區(qū)別有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!


標題名稱:AngularJS1.x學習directive中‘&’‘=’‘@’符號的區(qū)別有哪些
本文網(wǎng)址:http://weahome.cn/article/gijosc.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部