angular.js - 兩個direcitve如何獲取值

問題描述

兩個不同的DIRECTIVE如何取對應scope中的值JS代碼

.directive(’save’,function(){ return{restrict:’EAC’,template:’<p id='btnSave'><img src='http://www.wxshucaidpc.com/wenda/images/savePic.png'></p>’,scope:{ goodsName: ’@goodName’},link:function(scope,element,attrs){ var childElem = element.find(’toggleName’); var childScope = childElem.isolateScope(); element.on(’click’, function() { var jsonData = scope.goodName; alert(jsonData);});} };});

.directive(’toggleName’, function() {return { restrict: ’ECA’, templateUrl: ’views/partials/toggleName.html’, transclute: true, link: function(scope, element, attrs) {scope.toggleName = function() { scope.isSuccessName = !scope.isSuccessName;}; }}; })

HTML代碼

<p class='realInputCon fr'><input type='text' maxlength='255' placeholder='請輸入' ng-model='goodName'> </p>

save取togglename中的goodName

問題解答

使用require就搞定了

.directive(’toggleName’, function() {return { restrict: ’ECA’, templateUrl: ’views/partials/toggleName.html’, controller: function($scope) {$scope.goodName = ’togglename’;this.getName = function() { return $scope.goodName;}; }, transclute: true, link: function(scope, element, attrs) {scope.toggleName = function() { scope.isSuccessName = !scope.isSuccessName;}; }}; }).directive(’save’,function(){ return{restrict:’EAC’,template:’<p id='btnSave'><img src='http://www.wxshucaidpc.com/wenda/images/savePic.png'></p>’,require: ’toggleNmae’,link:function(scope,element,attrs, toggleNameController){ var childElem = element.find(’toggleName’); var childScope = childElem.isolateScope(); element.on(’click’, function() { var jsonData = scope.goodName; alert(jsonData);}); //這里就是toggleName控制器的使用了 toggleNameController.getName();} };});