javascript - 根据其他填充一个输入字段

Question

我在我的项目中使用 angular.js。在我的模板中:

 <div class='form-group'>
   <label>Field 1</label>
  <input type='text' ng-model='f1' required class="form-control">
 </div>


 <div class='form-group'>
    <label>Field 2</label>
     <input type='text' ng-model='f1' required class="form-control">
 </div>

我的 controller 现在只使用一个模型 $scope.f1

我想根据 Field 1 预填充 Field 2。但是由于我使用的是相同的模型 如果我在 Field 2 中写的东西会覆盖 Field 1。

我不想要这种行为。我应该能够稍后编辑 Field 2 而不会影响 Field 1。

有没有办法实现这种行为？

Answer 1

您可以使用 $watch ，它会注册一个监听器回调，以便在 watchExpression 发生变化时执行。

$scope.$watch(function () {
    return $scope.f1;
},
function (newValue, oldValue) {
    $scope.f2 = $scope.f1;
}, true);

<知识库> Working Demo