web-dev-qa-db-ja.com

1つの入力フィールドに複数のngモデルがありますか？

フォームとアイテムのリストがあります。 ng-model="searchFor"を使用してアイテムのリストを適切に除外しました（この部分は正常に機能しています）が、フィルターで除外されたアイテムを "送信"します-入力フィールドにng-model="adding_item.name"が必要です同様に（私は思う）。

1つの入力フィールドに複数のng-modelsを使用できますか？これを回避する別の方法はありますか？

angularjsformsangular-ngmodel
14
bjorkland

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>
11
prabu rajaraman raja

いいえ、ngModelはこのようなことをすることは想定されていませんでした。この時点で、ビューからロジックの再配置を開始する方が適切です。このシナリオでは、getterSetterオプションを使用できます。

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

コードを見ずに実質的な提案をすることは困難です。

6
Estus Flask