我是Angular.js的新手，我的應(yīng)用程序需要指令之間的某些通信，我閱讀了一些有關(guān)鏈接和需求的文檔，但無(wú)法確切了解其工作原理。對(duì)于一個(gè)簡(jiǎn)單的例子，我有：live小提琴：http : //jsfiddle.net/yw235n98/5/2個(gè)指令：firstDir，secondDir ::帶有一些數(shù)據(jù)firstDir具有單擊功能，它將更改數(shù)據(jù)值當(dāng)firsDir單擊功能被觸發(fā)時(shí)，我也想在secondDir中更改數(shù)據(jù)。HTML：<body ng-app="myApp">First Directive : <first-dir > <h3>{{firstCtrl.data}}</h3> <button ng-click="firstCtrl.set('NEW VALUE')">Change Value</button></first-dir>Second Directive : <second-dir> <h3>{{secondCtrl.data}}</h3></second-dir>Javascript：(function(){ var app = angular.module('myApp', []); app.directive("firstDir", function(){ return { restrict : 'E', controller : function(){ this.data = 'init value'; this.set = function(value){ this.data = value; // communication with second Directive ??? } }, controllerAs : 'firstCtrl' }; }); app.directive("secondDir", function(){ return { restrict : 'E', controller : function(){ this.data = 'init value'; }, controllerAs : 'secondCtrl' }; });})();
指令之間的AngularJS通信
繁花如伊
2019-11-14 10:18:40
