根據其他填充一個輸入字段

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