如何根据服务更改更新指令?

1. ngModel 用于双向绑定,即允许用户干扰值的控件。从描述来看,它们似乎是仅显示的组件。所以我建议不要使用 NG模型 .

2. 通常,子指令需要其父指令。这允许他们调用父控制器上的方法。您需要的是相反的:父控制器需要调用子控制器上的方法。可以这样做:孩子们称 registerChild() 方法,父级在需要调用所有已注册的子级时迭代它们。我觉得这个实现很麻烦。

3. 服务是全局/单个的。我将投票反对将服务实现与UI需求挂钩。

我的建议类似于选项3的实现,但父控制器持有数据:

1) 将要与子指令共享的数据放在父控制器的成员变量中:

myApp.directive('parentDirective', ['myService', function(myService){
    ...
    controller: function($scope) {
        ...
        this.sharedThing = ...;
    }
}]);

这个 sharedThing 可以在服务返回新数据时或任何其他需要的时候更新。

2) 让孩子需要父母(就像你的选择2一样),并且 看 此属性:

myApp.directive('childDirectiveOne', function() {
    return {
        ...
        require: 'parentDirective',
        link: function(scope, elem, attrs, parentDirective) {
            scope.$watch(
                function() {
                    return parentDirective.sharedThing;
                },
                function(newval) {
                    // do something with the new value; most probably
                    // you want to place it in the scope
                }
            });
        }
    };
});

根据数据的性质,可能需要进行深入观察。