什么是AngularJS中的parentValueWatch？

发布时间：2020-12-17 17:38:35 所属栏目：安全来源：网络整理

导读：我正在使用batarang来确定一些性能问题的根源.其中一个更大的罪魁祸首是我自己的代码,但是这个parentValueWatch的东西现在超过了图表,我不知道它在哪里或是什么触发它.从谷歌搜索到我的大脑都在地板上……有人知道吗？ (AngularJS v1.2.24) 解决方法 ParentV

我正在使用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>

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

它始终是一种权衡.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!