Выходы на динамических компонентах без просмотра

В проекте Angular 8 я создал некоторые динамические компоненты без viewref со следующим кодом:

const componentFactory = this.componentFactoryResolver.resolveComponentFactory(HelloComponent);
const componentRef = componentFactory.create(this.injector);      
componentRef.changeDetectorRef.detectChanges();    
componentRef.instance.slideContentRendered.pipe(first()).subscribe(x => {console.log('does not work', x);});

в самом HelloComponent я жду завершения некоторых асинхронных задач, а затем выдаю slideContentRendered, но я не попадаю в тело метода подписки.

Здесь вы можете увидеть пример приложения https://stackblitz.com/edit/angular-krx3y6

Как я могу получить доступ к выходам? Если я пытаюсь сделать то же самое с viewref со следующим кодом, он работает:

const componentRef = viewContainerRef.createComponent(componentFactory);
componentRef.instance.slideContentRendered.pipe(first()).subscribe(x => {console.log('it works', x);});

angular angular-dynamic-components
person Niocron    schedule 20.09.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Используйте BehaviorSubject, он будет выдавать значение всякий раз, когда где-то есть слушатель. Подписка на EventEmitter срабатывает только при наличии прямого слушателя при отправке. Так что сделайте следующие изменения:

slideContentRendered = new BehaviorSubject<string>('hey');

ngAfterViewInit() {
  console.log('AfterViewInitTriggered');
  this.slideContentRendered.next('teeest!')
}

trigger() {
  this.testService.renderHtmlFromPresentation().subscribe(x => console.log(x));
}

FORKED STACKBLITZ

person AJT82    schedule 20.09.2019