参数更改时刷新角度指令

Question

我有一个初始化的角度指令，如下所示：

<conversation style="height:300px" type="convo" type-id="{{some_prop}}"></conversation>

我希望它足够聪明，可以在$scope.some_prop更改时刷新指令，因为这意味着它应该显示完全不同的内容。

我已经对其进行了测试，但没有任何反应，$scope.some_prop更改时甚至没有调用链接函数。有没有办法做到这一点？

Answer 1

链接函数仅被调用一次，因此不会直接执行您期望的操作。您需要使用angular $watch来观看模型变量。

该手表需要在链接功能中设置。

如果您将隔离范围用于指令，则范围将是

scope :{typeId:'@' }

在链接功能中，然后添加一个手表

link: function(scope, element, attrs) {
    scope.$watch("typeId",function(newValue,oldValue) {
        //This gets called when data changes.
    });
 }

如果您不使用隔离示波器，请注意 some_prop