$ scopeを使用する方法TypeScriptの$ watch

Question

私のコンポーネントにバインドする要素を見たいと思います。彼は非同期呼び出し（約束）を行うため、この値は（別のコンポーネントで）変更される可能性があります。 JSでは今まで$scope.$watchを使用しています。バインディング要素が変更されたときにコールバックがあり、要素の値を続けることができます。 JSの

例：

$scope.$watch('myCtrl.myLayout', function (newVal, oldVal) { 
       console.log('Layout is:'); 
       console.log(_this.myLayout); 
      }); 


angular.module('blocks.ui') 
    .component('myForm', { 
     templateUrl: 'app/blocks/UI/form.html', 
     controller: myForm, 
     controllerAs: 'myCtrl', 
     bindings: { 
      myLayout: '=' 
     } 
    }); 

質問は（私は$スコープを注入し、まったく同じ方法でtypescriptです上の$scope.$watchを実装することができることを知っている）「クリーン」typescriptです構文を使用して同じことを実装する方法です。

ありがとうございました。

Answer 1

ソリューションはtypescriptですが&が

private _myLayout:any; 

public get MyLayout() { 
    return this._myLayout; 
} 

public set MyLayout(newItem: any) { 
    this._myLayout = newItem; 
    console.log('Layout is:'); 
    console.log(this.MyLayout); 
}