匹配兩個文本框的值

Question

我有兩個具有不同ng-models文本框。 單擊按鈕后，將使用$http.get請求填充它們。

可以說：

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

從我的JSON數據中可以很好地填充這些內容。

我的name.title的值有時可能類似於“ abc（123）”。 如果用戶對此進行編輯，則希望name.surname成為（）中的一部分。 如果用戶刪除“ abc（123）”並僅鍵入123，則123應該反映在name.surname 。

我已經嘗試了使用ng-blur和ng-change各種組合，但是到目前為止，對我來說都沒有用。

它只是一個兩個文本框，因此編寫新指令毫無意義。

我該怎么做呢？

任何幫助將不勝感激。 :)

Answer 1

我假設您使用的是1.x角度。

您可以監視名字。 像你里面的東西

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