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

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 1的情况下编辑Field 2。

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

Answer 1

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

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

Working Demo