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 2预先填充Field 1。但是因为我使用相同的模型如果我在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

基于其他填充一个输入字段

1 个答案: