在AngularJS中，当需要监听一个对象数组中的对象属性时，我们可以使用 $watch 函数和 $watchCollection 函数。这两个函数都可以用来监听对象数组中的对象属性的变化。
使用 $watch 函数
使用 $watch 函数可以监视一个表达式，并在其值发生变化时执行回调函数。我们可以将要监听的对象数组传递给 $watch 函数作为参数，然后在回调函数中检查对象属性的变化。
---------------- - -
------ ------- ------ ---
------ ------- ------ --
--
-------------------------- ---------------- ------- -
-- ------- --- ------- -
---------------------- --- ----------
-- ---------
--- ---- - - -- - - -------------- ---- -
-- ---------------- --- ---------------- -
------------------ -- ------ - - -------------- - - --- ----------
-
-
-
-- ------在上面的例子中，我们定义了一个包含两个对象的对象数组 myObjects。然后我们使用 $watch 函数来监听 myObjects 数组的变化，并在回调函数中检查每个对象的 value 属性的变化。
注意，第三个参数为 true，这表示深度监听，即对于每个数组元素都进行监听，而不仅是数组本身。
使用 $watchCollection 函数
使用 $watchCollection 函数也可以监视一个对象数组。与 $watch 不同的是，$watchCollection 只会在对象数组本身发生变化时触发回调函数，而不是在数组元素的属性变化时触发。
---------------- - -
------ ------- ------ ---
------ ------- ------ --
--
------------------------------------ ---------------- ------- -
-- ------- --- ------- -
---------------------- --- ----------
-
---在上面的例子中，我们同样定义了一个包含两个对象的对象数组 myObjects，然后使用 $watchCollection 函数来监听其变化。
当我们向 myObjects 数组中添加或移除对象时，回调函数就会被触发。但如果只是修改了某个对象的 value 属性的值，$watchCollection 函数是不会触发回调函数的。
总结
使用 $watch 函数和 $watchCollection 函数都可以用来监听对象数组中的对象属性的变化，但它们的使用场景有所不同。如果需要深度监听数组元素的属性变化，则应该使用 $watch 函数；如果只需要监听数组本身的变化，则应该使用 $watchCollection 函数。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/25407