Убедитесь, что ваш дочерний компонент не имеет * ngIf, который оценивается как false. Если это так, то дочерний компонент будет неопределенным.
у Angular 2 модульный тест. у меня есть@ViewChild
субкомпонент, который мне нужно распознать после инициализации компонента. В этом случае этоTimepicker
компонент из библиотеки ng2-bootstrap, хотя особенности не должны иметь значения. После того как яdetectChanges()
экземпляр подкомпонента все еще не определен.
Псевдо-код:
@Component({
template: `
<form>
<timepicker
#timepickerChild
[(ngModel)]="myDate">
</timepicker>
</form>
`
})
export class ExampleComponent implements OnInit {
@ViewChild('timepickerChild') timepickerChild: TimepickerComponent;
public myDate = new Date();
}
// Spec
describe('Example Test', () => {
let exampleComponent: ExampleComponent;
let fixture: ComponentFixture<ExampleComponent>;
beforeEach(() => {
TestBed.configureTestingModel({
// ... whatever needs to be configured
});
fixture = TestBed.createComponent(ExampleComponent);
});
it('should recognize a timepicker'. async(() => {
fixture.detectChanges();
const timepickerChild: Timepicker = fixture.componentInstance.timepickerChild;
console.log('timepickerChild', timepickerChild)
}));
});
Псевдокод работает должным образом, пока вы не достигнете журнала консоли.timepickerChild
не определено Почему это происходит?