javascript - 在 $watch 中使用 $apply

Question

我有一个非隔离范围指令。我不想隔离它，因为它需要位于具有其他指令的元素上。但我需要在范围内观看一个项目。所以我尝试了这个:

scope.$watch(function() {
     return scope.$apply(attrs.myAttribute);
}, function(val) {
     return val ? doSomething():doSomethingElse();
});

这不起作用，因为 Angular 会抛出摘要循环已在进行中的错误。所以我的问题是，如何使用非隔离指令动态观察范围内的项目。

谢谢

Answer 1

不完全确定您在观看该项目时遇到的困难是什么(如果它已经在范围内)。您能详细说明一下吗？无论如何，这里有两个解决方案应该涵盖几乎所有情况。要观察属性变化，请观察以下内容...

scope.$watch(function() {
    return elem.attr('my-attribute');
}, function(n, o) {
    if(n) 
        console.log(n);
});

JSFiddle Link - 观看属性演示

<小时/>

但是，我怀疑您很难将该项目纳入范围。如果是这样，这里有一种通过 $observe 分配它的方法，然后从那里观察它而无需隔离...

attrs.$observe('myAttribute', function(value) {
    scope.myValue = value;
});

scope.$watch('myValue', function(n, o) {
    if(n) 
        console.log(n);
});

JSFiddle Link - 通过 $observe

观看属性演示