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

Question

我有一个表格和一个项目列表。我使用 ng-model="searchFor"适本地过滤掉项目列表(这部分工作正常)，但我也想“提交”过滤掉的项目 - 这需要输入字段上的 ng-model="adding_item.name" (我认为)。

一个输入字段上可以有多个 ng-model 吗？还有其他方法可以解决这个问题吗？

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>