一个输入字段上有多个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>