一個輸入字段上有多個ng模型？

Question

我有一個表單和一個項目列表。 我用ng-model="searchFor"來過濾出適當的項目列表（這部分工作正常），但我也想「提交」被過濾掉的項目 - 這也需要在輸入字段上輸入ng-model="adding_item.name"（我認爲）。

你能在一個輸入字段上有多個ng-models嗎？ 還有其他解決方法嗎？

Answer 1

不，ngModel不應該這樣做，在這一點上，最好從視圖開始重新定位邏輯。對於這種情況，你可以做的getterSetter選擇使用：

https://docs.angularjs.org/api/ng/directive/ngModel#binding-to-a-getter-setter

這是很難做出實質性的建議，沒有看到代碼。

Answer 2

嘗試使用ng-change事件來捕獲模型值並將其分配給具有其自己的ng模型的其他輸入元素。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app> 
 
    <input type="text" ng-model="input" ng-change="input1=input;input2=input; " /> 
 
    <input type="hidden" ng-model="input1" /> 
 
    <input type="hidden" ng-model="input2" /> 
 
    <br>Model 
 
    <br>{{input | uppercase}} 
 
    <br>Model 1 
 
    <br>{{input1 | uppercase}} 
 
    <br>Model 2 
 
    <br>{{input2 | uppercase}} 
 
</div>