angularjs – ngReact：解释了watch-depth属性类型

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

导读：最近我找到了一个很棒的库,允许在Angular应用程序中使用React组件,称为 ngReact 我的问题是关于可以在reactDirective组件上声明的watch-depth属性： body ng-app="app" div ng-controller="helloController" hello-component watch-depth="reference" fname=

最近我找到了一个很棒的库,允许在Angular应用程序中使用React组件,称为 ngReact

我的问题是关于可以在reactDirective组件上声明的watch-depth属性：

<body ng-app="app">
  <div ng-controller="helloController">
    <hello-component watch-depth="reference" fname="person.fname" lname="person.lname"></hello-component>
  </div>
</body>

查看reactDirective service的ngReact文档,我发现watch-depth有3个可能的值：

>参考
>收藏
>价值

在我使用ngReact的初步探索中,我一直坚持使用默认值选项.

我的问题是,这些类型之间有什么区别？

当每个手表深度类型理想使用时的简单示例将是伟大的！

解决方法

答案与角度$watch的工作原理有关.有3种方式角度适用$watch：参考,收藏,价值(正如你已经提到的).

参考：

Reference会查看值的引用,并且只会在该引用发生更改时注册更改(并导致重新呈现).这是最便宜的手表类型.
参考变更的示例：

$scope.userArray = newUserArray

采集：

手表深度的集合更深入.它将在集合中查看.如果Watch By Reference被触发,或者在集合中添加,删除或重新排序新项目,它将注册更改.

$scope.userArray.push(newUser);

值：

手表深度的价值是最贵的.它将观察集合中的值.如果Watch By Reference被触发,如果Watch By Collection被触发,或者集合中的值发生变化,它将注册更改.

$scope.userArray[0].age = 32;

这个答案深受Tero Parviainen撰写的精彩文章的启发,
https://teropa.info/blog/2014/01/26/the-three-watch-depths-of-angularjs.html

（编辑：李大同）

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