angularjs - Angularで2つのモデルを1つの入力フィールドにバインドする方法は?

Question

2 つのモデル値を 1 つの入力フィールドにバインドできる方法はありますか?

次のようなスコープ内の2つの変数の値にしたい入力フィールドがあるとします。

<input type="text" model="sn_number; id" > 

Answer 1

できませんが、いくつかの回避策があります。

1. ngChange を使用して他のモデルを更新する

<input type="text" 
       ng-model="sn_number" 
       ng-change="id=sn_number"/> 

2. モデルを監視し、変更があった場合は別のモデルを更新できます

$scope.$watch('sn_number', function(v){
  $scope.id = v;
});

id同期を維持したい場合は、 の変更も監視する必要があります。

例はこちら

Answer 2

ng-changeだけでなく、フィールドをすぐにバインドできます。実際には、データバインディングではなく、唯一の角度式です

  <label>Name</label>
  <input type="text" ng-model="name" value="{{name}}"/>

  <label>Key</label>
  <input type="text" ng-model="key" value="{{key=name}}" />

Answer 3

ng-initを使用

<div ng-controller="ctrl" ng-init="model = { year: '2013', month:'09'}">

また

<div ng-repeat="c in contact" ng-init="likes = { food: 'steak', drink:'coke'}">