को संशोधित करने के एक घटक TestBed.overrideComponent

Question

में परिभाषित हम

TestBed.overrideComponent(CoolComponent, { 
    set: { 
     template: '<div id="fake-component">i am the fake component</div>', 
     selector: 'our-cool-component', 
     inputs: [ 'model' ] 
    } 
    }) 

उपयोग कर रहे हैं एक घटक ओवरराइड करने के लिए।

घटक एक ViewChild जो हम अपने ngOnInit विधि

@Component({ 
    selector: 'our-cool-component', 
    templateUrl: 'cool.component.html' 
}) 
export class CoolComponent implements OnInit, OnDestroy { 
    @Input() model: SomeModel 
    @ViewChild(CoolChildComponent) coolChildComponent; 

    ngOnInit() { 
    this.coolChildComponent.doStuff(); 
    } 
} 

CoolComponent बारी में एक Wrapper घटक में रहती है में कॉन्फ़िगर है।

जब हम Wrapper स्थिरता पर fixture.detectChanges() कहते हैं, इस CoolComponent का निर्माण करने का प्रयास करता है, लेकिन यह तुरंत मर जाता है जब यह doStuff() कहता है क्योंकि CoolChildComponent अनिर्धारित रहता है।

क्या पर अपने CoolChildComponent को रोकने के लिए कोई तरीका है? ऐसा प्रतीत नहीं होता है कि हम इसे Wrapper से निकाल सकते हैं क्योंकि यह केवल टेम्पलेट के माध्यम से संदर्भित है, घटक की संपत्ति के रूप में नहीं।

Answer 1

ngOnInit() { 
    this.coolChildComponent.doStuff(); 
} 

होना चाहिए ngAfterViewInit कॉलबैक कहा जाता है से पहले

ngAfterViewInit() { 
    this.coolChildComponent.doStuff(); 
} 

because

देखें बच्चा निर्धारित है।