這篇文章給大家分享的是有關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ū)別有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!