javascript - 如何在 Angular 中重新运行过滤器

Question

我有这个 HTML，我无法更改它:

<div>How much is 100 * X {{100 | myFilter}}</div>

这是过滤器:

X=3
app.filter(function(){
   return function(val){
       return val*X
   })
})

现在我想改变 X:

X=5

我希望 HTML 重新运行此过滤器并更新受此过滤器影响的所有值并更新值

X 仅定义为全局 JavaScript 变量。不在 HTML 中。我希望如果 X 值发生变化，它将更新依赖于它的任何过滤器。

Answer 1

我找到了答案。还有谁需要它。我所要做的就是让过滤器在每个摘要周期重新运行::

      filter.$stateful = true;

然后。更改 X 后，我可以使用 $apply 或 $digest 简单地运行摘要循环。

演示有状态过滤器的 JSFiddle:

http://plnkr.co/edit/MRiGzYgXTmLLgrH9FnB1?p=preview