गतिशील घटकों के लिए कोणीय 2 ऑनपश परिवर्तन का पता लगाने

Question

मेरे पास एक कोणीय घटक है जो गतिशील रूप से विभिन्न प्रकार के घटक स्वयं के अंदर बनाता है। यह OnChanges हुक के माध्यम से बाल घटक @Input गुणों के लिए अपनी गुणों को बांधता है।

यह बाध्यकारी ठीक काम करता है जब बच्चे घटक का परिवर्तन पहचान डिफ़ॉल्ट पर सेट होता है। फिर नए इनपुट का पता लगाया जाता है और घटक टेम्पलेट अद्यतन किया जाता है।

हालांकि, यह पता नहीं चलता है कि पता लगाने पर ऑनपश है, तो परिवर्तन नहीं पता चला है। मेरा मानना ​​है कि परिवर्तन का पता लगाया जाना चाहिए क्योंकि एक नई अपरिवर्तनीय वस्तु, एक स्ट्रिंग, घटक @Input संपत्ति को असाइन की गई है। https://plnkr.co/edit/0wHQghtww2HXVbC27bC1

मैं इस पैरेंट-टू-गतिशील वाले बच्चे संपत्ति ChangeDetectionStrategy.OnPush साथ काम करने के लिए बाध्य कैसे प्राप्त कर सकते हैं:

यहाँ एक plunker प्रदर्शित करने के लिए है?

Answer 1

OnPush घटक के लिए संभव समाधान के रूप में एक साथ सेटर का उपयोग करेंगे cdRef.markForCheck() साथ:

परिवर्तन का पता लगाने-onpush.component.ts

@Component({ 
    selector: 'app-change-detection-onpush', 
    template: ` 
    <div> 
     ChangeDetectionStrategy.OnPush: {{ message || '[blank]' }} 
    </div>`, 
    changeDetection: ChangeDetectionStrategy.OnPush 
}) 
export class ChangeDetectionOnPushComponent implements IMyComponent { 
    private _message: string; 

    constructor(private cdRef: ChangeDetectorRef) {} 

    set message(val: string) { 
    this.cdRef.markForCheck(); 
    this._message = val; 
    } 

    get message() { 
    return this._message; 
    } 
} 

Modified Plunker