sửa đổi một phần quy định tại TestBed.overrideComponent

Question

Chúng tôi đang sử dụng

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

để ghi đè lên một phần.

Các thành phần có một ViewChild mà chúng tôi cấu hình trong phương pháp của chúng tôi 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(); 
    } 
} 

Các CoolComponent lần lượt sống trong một thành phần Wrapper.

Khi chúng tôi gọi fixture.detectChanges() trên lịch thi đấu Wrapper, điều này sẽ cố gắng xây dựng CoolComponent, nhưng nó ngay lập tức chết khi nó gọi doStuff() vì CoolChildComponent không xác định.

Có cách nào để lấy số CoolComponent để khai báo CoolChildComponent không? Dường như chúng tôi không thể lấy nó ra khỏi Wrapper vì nó chỉ được tham chiếu thông qua mẫu, chứ không phải là thuộc tính của thành phần.

Answer 1

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

nên

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

because

Xem con được thiết lập trước khi gọi lại ngAfterViewInit được gọi.