什么是AngularJS中的parentValueWatch?

前端之家收集整理的这篇文章主要介绍了什么是AngularJS中的parentValueWatch?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用batarang来确定一些性能问题的根源.其中一个更大的罪魁祸首是我自己的代码,但是这个parentValueWatch的东西现在超过了图表,我不知道它在哪里或是什么触发它.从谷歌搜索到我的大脑都在地板上……有人知道吗?

(AngularJS v1.2.24)

解决方法

ParentValueWatch是指令检查其父作用域以查看是否有任何值已更改,因此需要自行更改.

考虑简单的指令,

{
   restrict:"AE",scope:{
      foo:'='
   }
}

现在让我们说在父作用域中,foo是一个对象.

$parent.$scope.foo = {
    bar:"zim"
}

每个$digest循环,子$scope将需要检查父范围的foo值及其每个属性.

如果foo是一个非常庞大且深度嵌套的对象,这将需要很长时间,因此它需要花费很长时间.

在HTML中,这可能如下所示:

<div parent-directive>
<div foo-directive foo=bar></div></div>

一个快速解决方法是使用ng-init“冻结”值.

<div parent-directive>
<div foo-directive ng-init='zug={bar:$parent.foo.bar}' foo=zug></div></div>

现在绑定到新对象的值.你失去了轻松绑定,但获得了性能.

它始终是一种权衡.

猜你在找的Angularjs相关文章