У меня есть 2 компонента одноуровневые в Angular2:Как передать ссылку на компонент в Input с * ngIf Angular2
<test1 *ngIf="data" [data] = "makes" #test1R></formModel>
<testing *ngIf="data" [test1Ref]="test1R"></testing>
Компонент "Тестирование" имеет функцию, вызывать функцию test1 компонента:
export class Testing{
@Input() test1Ref: test1Component;
constructor() { }
testFunction($event){
this.test1Ref.hello();
}
Моя проблема заключается в том, что this.test1Ref
не определен, потому что компонент test1 имеет * ngIf (<test1 *ngIf="data"
),
, но без * ngIf У меня есть ошибка в компоненте test1 для входного значения ([data] = "makes"
).
Как передать ссылку на компонент с * ngIf
О, я понимаю, мне не нравится, потому что, если я получить данные с асинхронным вызовом, проверьте, существует ли данные в ngInit всегда бесполезен. Мне нужно обработать какое-то событие? – LorenzoBerti
Обновлен ответ, чтобы показать, как обрабатывать нулевую проверку для async. – Baconbeastnz
Хорошо, спасибо! :) – LorenzoBerti