AngularJS - propogate更新到父上下文的子上下文

Question

我有一個AngularJS應用程序，它有一個shell頁面。外殼頁面有一個包含位置列表的下拉菜單。在其中一個內部頁面中，我有添加新位置的功能。當添加新位置時，它應該立即顯示在外殼頁面的位置下拉菜單中？我如何實現這一目標？

我知道我應該嘗試角度觀察者。事實上，系統中已經存在相同的功能。還有另一個客戶端選擇下拉列表，當客戶端發生變化時，我廣播一個事件，所以位置下拉列表被重新填充。我不確定在添加新位置時如何執行相同操作。

Answer 1

你可以簡單的廣播事件時的位置被添加

$scope.addLocation = function() { 
    // Add location code here 
    $rootScope.$broadcast('location.added', data); 
}; 

然後父控制器上的父上下文：

$scope.$on('location.added', function (event, data) { 
    // Add new location to dropdown 
};