2つのテキストボックスの値が一致します

Question

2つのテキストボックスに異なるng-modelsがあります。ボタンをクリックすると、$http.getリクエストが使用されます。これらは、私のJSONデータからうまく埋めます

<input type="text" ng-model="name.title" /> 
<input type="text" ng-model="name.surname" /> 

：

は言うことができます。

私のname.titleの値は、 "abc（123）"のようになることがあります。ユーザーがこれを編集すると、name.surnameが（）内の部分になります。ユーザーが "abc（123）"を削除して123に入力すると、123はname.surnameに反映されます。

ng-blurとng-changeを使用してさまざまな組み合わせを試しましたが、それまでのところ私のために働いたことはありませんでした。

新しいディレクティブを書くことなく、ちょうど1つの2つのテキストボックスです。

どうすればよいですか？

ご協力いただければ幸いです。 :)

Answer 1

私はあなたの角度1.x.

あなたは名前の上に腕時計を持つことができます。あなたは、ユーザーが最初のテキストボックスを編集するために起こるいったん後、第2のでしょうレンダリング後、initallyこれら2つのテキストボックスは、独自の値を持つことになり、言うことを意味しますで

$scope.$watch('[name.title, name.surname]', function(newValue, prevValue) { 
 
    if (newValue === prevValue) { 
 
     return; 
 
    } 
 
    //Here you put your logic and update the models. 
 
});