兩個控制器之間在angularjs中進行通信1

Question

我試圖通信兩個controllers。

var main = angular.module('starter', ["ionic", "ngCordova", "starter.services"]); 

cart-ctrl.js

main.controller('CartCtrl', 
    ["$scope", "global", 
    function($scope, global) { 
    $scope.$on("globalvar", function() { 
    //alert("from service cart: " + global.cart.items); 
    console.log("from service cart: " + global.cart.items); 
    $scope.carts = global.cart.items; 
    }); 
}]); 

menu-ctrl.js

main.controller('AppCtrl', 
    ["$scope", "$state", "global", 
    function($scope, $state, global) { 
    $scope.cart_click = function() { 
    global.updateCart(); 
    $state.go('app.cart'); 
    } 
}]); 

services.js

var service = angular.module("starter.services", []); 
service.factory("global", ["$rootScope", "database", 
    function($rootScope, database) { 
    var service = { 
    cart: { 
     items: [], 
     count: 0 
    }, 
    broadcastItem: function() { 
     $rootScope.$broadcast("globalvar"); 
    }, 
    updateCart: function() { 
     database.select_cart(function(p_cart) { 
     this.cart.items = p_cart; 
     alert("service cart: " + JSON.stringify(this.cart.items)); 
     }); 
     this.broadcastItem(); 
    } 
    }; 
    return service; 
}]); 

我想發生的事情是，當我點擊選項卡（這觸發了cart_click()），購物車清單將重新更新。然而沒有價值被傳入CartCtrl。我不知道這段代碼有什麼問題。當我通過database的值時，service.cart.items有一個值。

Answer 1

我認爲我們有2個選項。

• 您可以$ scope.cart_click => $ rootScope.cart_click。
• 您可以$放出，$廣播和$上

而且看多https://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/

Answer 2

我想你應該叫this.broadcastItem();您的數據庫調用的回調中。回調裏面的this的上下文實際上並不是相同的服務。更新您的代碼爲

updateCart: function() { 
    var self = this; 
    database.select_cart(function(p_cart) { 
    self.cart.items = p_cart; 
    self.broadcastItem(); 
    alert("service cart: " + JSON.stringify(self.cart.items)); 
    }); 
}