在兄弟指令之間共享數據

Question

目前，我正面臨一個與angularjs指令相關的問題。我想將來自指令1的出口對象發送到指令2。兩個指令具有相同的控制器範圍。我嘗試從指令1發送事件到控制器，將該事件從控制器廣播到指令2並在指令2上偵聽該事件。但那是行不通的。

指令1：

angular.module('moduleName') 
.directive('directive1', function() { 
    return { 
     restrict: 'E', 
     templateUrl: 'directive1.html', 
     scope: false, 
     link: function(scope) { 
      scope.selectOutlet = function(outlet) { 
       scope.order.entityId = outlet.id; 
       scope.navigation.currentTab = 'right'; 
      }; 
     } 
    }; 

這裏，在指令1，scope.selectOutlet（）outletId設置爲scope.order.entityId。我想將該行移動/設置爲指令2保存功能。

指令2：

angular.module('moduleName') 
.directive('directive2', function(config, $rootScope, $state) { 
    return { 
     restrict: 'E', 
     templateUrl: 'directive2.html', 
     scope: false, 
     link: function(scope) { 
      scope.save = function() { 
       // Save functionality 
       // scope.order.entityId = outlet.id; This is what i want to do 
      }; 
     } 
    }; 
}); 

}）;

任何幫助。

Answer 1

您可以使用工廠或服務。將該工廠注入您的指令。現在當你試圖將函數中的數據寫入工廠時。 `app.factory（ '共享'，函數（）{VAR 的obj = {};

obj.setData = function(){ 
// call this function from directive 1. 
} 
return obj; 
})` 

所以，如果你有這個工廠到你的指令，你會得到2個指令數據

我會嘗試做一些的jsfiddle或plunker，如果不明確。

Answer 2

不要在第一指令

angular.module('moduleName') 
    .directive('directive1', function($rootScope) { 
    return { 
    restrict: 'E', 
    templateUrl: 'directive1.html', 
    scope: false, 
    link: function(scope) { 
     scope.selectOutlet = function(outlet) { 
      $rootScope.$broadcast('save:outlet',outlet); 
      //scope.order.entityId = outlet.id; 
      //scope.navigation.currentTab = 'right'; 
     }; 
    } 
}; 

以下和第二

angular.module('moduleName') 
.directive('directive2', function(config, $rootScope, $state) { 
    return { 
    restrict: 'E', 
    templateUrl: 'directive2.html', 
    scope: false, 
    link: function(scope) { 
     $rootScope.$on('save:outlet',function(event,data){ 
     // do staff here 
     }); 
    } 
    }; 
});