自动将第一个文本框的值填充到第二个（angularJS）

Question

我需要在用户使用angularjs填充第一个文本框后自动填充第二个文本框。他们都有自己的ng模型，所以我不能改变ng模型。有没有办法我可以通过保持ng-model不同，将值从第一个文本框复制到第二个？

Answer 1

在控制器中，只要model1发生更改，您就需要构建逻辑以将model1值分配给model2

你的HTML部分：

<input ng-model='model1" ng-change="update2()">
<input ng-model='model2" >

在相关控制器的某处，

$scope.update2 = function(){
    $scope.model2 = $scope.model1;
}

Answer 2

您可以使用$scope功能监控$watch的更改。这是绑定Angular中更改的更合适的方法。尝试下面的片段：

控制器：

$scope.$watch('first',function(){
    $scope.second = $scope.first;

  });

HTML：

<input ng-model='first'>
<input ng-model='second' >