$watch 中的角度表达式触发两次

AngularJS

使用AngularJS开发应用程序时，我们经常需要监视数据的变化，并在数据发生更改时执行一些操作。AngularJS提供了一个非常方便的机制来实现这一点，即使用$watch表达式。$watch表达式允许我们指定一个变量或表达式，并在其值发生变化时触发相应的操作。

什么是$watch表达式？

在AngularJS中，$watch表达式是一个函数，用于监视指定变量或表达式的值。它接受两个参数：第一个参数是要监视的变量或表达式，第二个参数是一个回调函数，用于在变量或表达式的值发生变化时执行相应的操作。

下面是一个简单的例子，演示了如何使用$watch表达式来监视一个变量的变化：

Javascript
$scope.count = 0;
$scope.$watch('count', function(newValue, oldValue) {
  console.log('count的值从' + oldValue + '变为' + newValue);
});

在上面的例子中，我们定义了一个名为count的变量，并将其初始值设置为0。然后，我们使用$watch表达式监视count变量的变化，并在count的值发生变化时打印一条消息到控制台。

如何触发$watch表达式两次？

要触发$watch表达式两次，我们可以在代码中对监视的变量或表达式进行两次赋值。每次赋值都会触发$watch表达式，并执行相应的操作。

下面是一个示例代码，演示了如何触发$watch表达式两次：

Javascript
$scope.name = 'John';
$scope.$watch('name', function(newValue, oldValue) {
  console.log('name的值从' + oldValue + '变为' + newValue);
});
$scope.name = 'Jane';

在上面的例子中，我们定义了一个名为name的变量，并将其初始值设置为'John'。然后，我们使用$watch表达式监视name变量的变化，并在name的值发生变化时打印一条消息到控制台。接着，我们将name的值更改为'Jane'，这将再次触发$watch表达式，并执行相应的操作。

使用$watch表达式的好处

使用$watch表达式可以方便地监视变量或表达式的变化，并在变化发生时执行相应的操作。这对于实时更新界面、处理数据依赖关系和执行复杂的业务逻辑非常有用。

在本文中，我们介绍了$watch表达式的概念和用法。我们看到了如何使用$watch表达式监视变量或表达式的变化，并在变化发生时执行相应的操作。我们还演示了如何触发$watch表达式两次，并提供了相关的示例代码。

使用$watch表达式可以帮助我们更好地管理应用程序中的数据变化，并在变化发生时采取相应的行动。这为我们开发复杂的应用程序提供了一种简单而有效的机制。

参考资料：

- AngularJS官方文档：AngularJS.org/api/ng/type/$rootScope.Scope">https://docs.AngularJS.org/api/ng/type/$rootScope.Scope