我可以找到如何解决这个问题的零碎方法，但没有具体的方法来使其工作。

我有一个对服务器的异步调用，以在 AngularJS 中获取数据，并希望将其存储在变量中。然后，应用程序中的所有指令都需要访问此变量，但显然它们都需要等待变量被分配才能使用它。我还使用 TypeScript 及其export功能从它们自己的函数中旋转指令。

控制器

export class MainController{
   fundData: Object;
   constructor(scope, FundService) {
       FundService.fetchData('some_param').then(d => {
           let data = d[0],
               fundProps = data.properties_pub;
           this.fundData = {
               'isin': data.clientCode,
               'nav': fundProps.nav.value,
               'nav_change': fundProps.nav_change.value.toFixed(2),
               'nav_change_direction': change,
               'total_aum': fundProps.net_asset.value.toFixed(2)
           };
           scope.ctrl = this;
       });  
   }
}

命令

class OverviewController {
    scope: ng.IScope;
    constructor(scope){
        scope.$watch('data', newVal => {
            console.log(newVal);
        });
    }
}
OverviewController.$inject = ['$scope'];
export function overview(): ng.IDirective {
    return {        
        restrict : "C",
        controller : OverviewController,
        controllerAs : "overview",
        template : require("../templates/overview"),
        bindToController :{
            data: '='
        }
    }
}

.HTML

<div ng-controller="MainController">
    <div class="overview" data="ctrl.fundData"></div>
</div>

引导过程

let module = angular.module(MODULE_NAME,[])
                .controller('MainController', ['$scope','FundService', MainController])
                .service('FundService', FundService)
                .directive('overview', overview);

我尝试过的事情：

$rootScope

我可以设置一些静态的东西并共享它，所以这有效：

$rootScope.data = 2;

这不会：

someFunction().then(data => { $rootScope.data = data });

也许$rootScope中

有一些我不明白的承诺。

控制器中的设置

我可以将调用的结果设置为控制器中的变量，

将其设置为指令中的属性，然后将该属性绑定到其控制器，但这也不起作用，即使我在变量上使用$watch也是如此。

module.service('DataService', function(rootScope) {
    ...
    var data;
    services.setData = function(newData) {
        data = newData;
        rootScope.$broadcast('DataUpdated');
    };
    ...
});

scope.$on('DataUpdated', ...);