angularjs:使用服务在 Controller 之间进行通信

Question

我的 Controller 中注入(inject)了一项服务。该服务定义了许多功能。

现在我想向该服务添加一个变量，该变量将在应用程序中保存 selectedItem。我是这样做的:

angular.module('myservices', []).
factory('serviceA', function () {        

    var serviceA= {  
      selectedItem: selectedItem,      
      ... more functions here
    };
    return serviceA;

    var selectedItem;
    ... functions go here
});

在我的一个 Controller 中，我设置了所选项目:

 serviceA.selectedItem = someItem;

在另一个 Controller 中， View 引用所选项目，如下所示:

<span>{{serviceA.selectedItem.value}}</span>

即使 selectedItem 设置正确，跨度也永远不会更新。我究竟做错了什么 ？

Answer 1

要访问您 View 中的服务，您需要将其分配给范围:

$scope.serviceA = serviceA;

http://jsfiddle.net/MzJsZ/