角度2で検出されるプロパティの検出

Question

コンポーネントレベルでプロパティの変更に反応する最善の方法は何ですか？私が探しているのは、コンポーネントのプロパティの1つが変更されるたびにメソッドをトリガする方法です。ここで、単一のコンポーネントの上記の例で

@Component({selector: 'component', template: '{{name}} {{number}}'}) 
class singleComp { 
    name: string = 'Old'; 
    number: number = 1; 

    changeProperties() { 
    this.name = 'New'; 
    this.number = 2; 
    } 

    changesDetected() { 
    console.log('Changes detected'); 
    } 
} 

、singleComp 2つのプロパティnameとnumberを有しています。これは簡単な例です。 changesDetected()をchangeProperties()から呼び出すことは、コンポーネントのプロパティを変更する複数のメソッドを持つ可能性があるため、オプションではありません。私はchangesDetected()に、プロパティを変更する各メソッドの終わりに呼びたくはありません。これは、複数のメソッドからの複数の呼び出しを意味するためです。

私はOnChangesとAfterContentCheckedを使って変更を検出しようとしましたが、実際には動作しません。これらのメソッドは、@inputプロパティの変更を検出しますが、コンポーネント内の「ネイティブ」プロパティの変更は検出しません。

まもなく説明

は、私が changesDetected()部品の内部プロパティが変更されるたびに発射する方法を探しています。

編集

ngDoCheckは内部の変更を検出したことは事実です。しかし、実装されると、外部コンポーネントの変更も検出され、コンポーネントレベルではそれほど有用ではありません。

Answer 1

あなたはEventEmitterまたはこのユースケースを使用する必要があります。

帽子は、コンポーネントレベルでのプロパティの変更に反応する最良の方法ですか？私が探しているのは、コンポーネントのプロパティの1つが変更されるたびにメソッドをトリガする方法です。

@Component({selector: 'component', template: '{{name}} {{number}}'}) 
class singleComp { 
    name: string = 'Old'; 
    number: number = 1; 
    private propertiesChanged: EventEmitter<any> = new EventEmitter(); 
    private _score: number; 

    get score():boolean { 
    return this._score; 
    } 

    set score(s:number) { 
    this._score = s; 
    this.propertiesChanged.emit(s); 
    } 

    constructor() { 
    this.propertiesChanged.subscrive(() => this.changesDetected()); 
    } 
    changeProperties() { 
    this.name = 'New'; 
    this.number = 2; 
    this.propertiesChanged.emit({}); // you can pass any object here, chanegd properties as well. 
    } 

    changesDetected() { 
    console.log('Changes detected'); 
    } 

}

ます。また、ご利用の場合に、より理にかなって何でも選択し、これらのプロパティのセッターに変更イベントを発することができる：ここでは、単一のコンポーネントです。例えばスコアプロパティを参照してください。