如何處理Angular中的對象屬性更改？

Question

我有id和name這樣的對象：

function format(id){ 
    return '(' + id + ')'; 
} 

function MyObject(id){ 
    this.id = id; 
    this.text = format(id); 
} 

我使用的角度，我在HTML中是這樣的：

<input ng-model="myObject.id" type="text">{{myObject.text}} 

使用這個代碼，我可以綁定到idinput ，但text不會被更改。我需要使用'ng-change'來跟蹤對象ID的變化。但我相信這裏應該是一種使角色自動處理的方法。

所以，我的問題是「是否有可能將對象屬性的更改綁定到函數調用沒有ng-change？」

P.S.我有一個這樣的對象數組，所以我不想使用$scope.$watch() :)

Answer 1

用getter定義一個屬性。

function MyObject(id){ 
    this.id = id; 
    Object.defineProperty(this, 'text', { 
     get: function() { return '(' + this.id + ')'; } 
    }); 
} 

閱讀更多有關Object.defineProperty訪問這個doc