角2、セッターの@Inputはセッターのない@Inputとは異なる動作をしますか？

Question

私は誰かがこれについて詳しく説明できるかどうか疑問に思います。セッターを使用して@Input()と@Input()を使用すると、変化検出に関して異なる動作をしますか？例えば

：

@Input() something: SomeType; 

-vs-

private _something; 

@Input() set something(something: SomeType) { 
    this._something = something; 
} 

get something(): SomeType { 
    return this._something; 
} 

明らかな差はセッター/ゲッターは、いくつかの余分なロジックを@Input()可能にすることです。しかし、これはセッターなしで@Input()を使用する場合とは異なる方法で変化の検出に影響しますか？

Answer 1

角度が大きく変わることはありません。入力が設定されないか、セッターが頻繁に呼び出されません。ただし、セッター内にロジックが追加され、別の変更検出をトリガーできる警告があります。あなたがそれを持っている場合、角は既知のエラーを投げます（開発モードでのみ）

チェックした後の表現が変更されました。

ので、変化検出器は異なる動作をしませんが、問題は、あなたがセッターの内側に入れ、余分なものをロジックに応じて発生する可能性がある

Answer 2

angleの視点からは、唯一の違いは、それらの@Input()のget/set関数をフックする機会があることです。

Javascriptのビューから、最初は「ちょうど」プロパティ、2番目はObject.definePropertyとなります。

plunker：セッターとhttps://plnkr.co/edit/1koamZCvyG5YAIPNB73r?p=preview

コンパイルされたコード：セッターなし

Object.defineProperty(AppComponent.prototype, "test1", { 
    get: function() { return this._test1; }, 
    set: function (val) { 
     console.log('test1 was set!'); 
     this._test1 = val; 
    }, 
    enumerable: true, 
    configurable: true 
}); 
__decorate([ 
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Input"])(), 
    __metadata('design:type', Object), 
    __metadata('design:paramtypes', [Object]) /* difference? */ 
], AppComponent.prototype, "test1", null); 

コンパイルされたコード：ng build：

__decorate([ 
    __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Input"])(), 
    __metadata('design:type', Object) 
], AppComponent.prototype, "test2", void 0); 

angular-cliでコンパイル両方。