一个输入字段上有多个ng模型？

Question

我有一个表单和一个项目列表.我曾经ng-model="searchFor"适当地过滤掉项目列表(这部分工作正常),但我也想"提交"过滤掉的项目 - 这也需要ng-model="adding_item.name"输入字段(我认为).

你可以ng-models在一个输入字段上有多个？还有另一种方法吗？

Answer 1

尝试使用ng-change事件捕获模型值,并使用自己的ng-model将其分配给其他输入元素.

<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>

Answer 2

不,ngModel不应该做这样的事情,此时最好从视图开始重新定位逻辑.对于这种情况,您可以使用getterSetter选项:

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

没有看到代码就很难提出实质性的建议.