如何在两个输入框中的任意一个输入框中有输入时自动将输入框的值设置为相反的数字？

Question

比方说，我们有2个输入框：

1. NUM1
2. NUM2

当用户在任何2名输入框中输入一个数字，我们希望发生的自动设置另一个输入框的值与数字的相反符号相关联。

实例：

• 用户输入1中NUM1。 num2的值应自动设置为 为-1。
• 用户在num1中输入-1。 num2的值应自动设置为 为1.

使用AngularJS 1.x时，我们该如何实现这一点？

Answer 1

有几个方法可以做到这一点：

1. 在你的控制器派人监视NUM1和NUM2的值。它可能是这个样子（假设$范围在你的控制器注入）

例HTML

<input type="number" ng-model="num1"> 
<input type="number" ng-model="num2"> 

例JS

$scope.$watch('num1', function(newVal){ 
    $scope.num2 = - newVal; 
} 

$scope.$watch('num2', function(newVal){ 
    $scope.num1 = - newVal; 
} 

这种方式是最好，如果你打算重用控制器具有多个视图，或者模型数据（num1和num2）之间存在固有关系。如果因为任何原因（其他绑定，javascript显式更改等）发生更改，手表将触发。

在您的输入有一个NG-变化的角度表达式中设置的值，如果你

例HTML

<input type="number" ng-model="num1" ng-change="num2=-num1"> 
<input type="number" ng-model="num2" ng-change="num1=-num2"> 

这种方式是优选的只关心一个数字，或者这个逻辑只属于视图。它也可以更高效，因为它钩住了变化事件而不是做和等价检查每个摘要循环。但是，这意味着如果通过除了改变该输入框之外的其他方式来改变其中一个数字，则该改变将不会被反映。感谢Manatax在下面的评论中指出了大部分好处。