我在使用ng-repeat添加空白輸入字段後遇到了一些問題。AngularJS - 無法清空輸入字段
我的控制器看起來是這樣的:
var SimpleController = function ($scope) {
$scope.rows = [{id: 'row1' }, {id: 'row2'}, {id: 'row3'}, {id: 'row4'}];
$scope.addText = function() {
$scope.modelRow = "text";
}
$scope.removeText = function() {
$scope.modelRow = " ";
}
}
我使用的是行陣列上NG-重複添加輸入字段我所需要的量。例如,如果用戶需要更多的字段,我有擴展數組的函數。
然後我有一個函數來清空輸入和一個來填補他們,這就像預期的那樣工作。但是,如果您自己在輸入字段中輸入內容,那麼這兩個函數都不會在該輸入上起作用。
我的HTML:
<div ng-repeat="row in rows" >
<input ng-model="modelRow" type="text" name="text" />
</div>
<button ng-click="addText()">Add text</button>
<button ng-click="removeText()">Remove Text</button>
我很新的角度,所以我可能失去了一些東西。希望有人能幫助我。
也做了一個jsfiddle來演示我的問題,它可以在這裏找到:jsfiddle(嘗試打字的東西,你會看到,功能不起作用)。
您有多個modelRow,這是一個問題。 –
我明白了。有什麼好的解決方案來完成這項工作? – qua1ity