Угловой 6 компонент внутри alerttifyjs

Question

Я хочу использовать alerttifyjs с угловым 6. И хочу встроить угловой компонент в телоlertifyjs.

Пример кода:

import * as _alertify from 'alertifyjs';
_alertify.alert('Title' , '<app-custom-component></app-custom-component>');

или

_alertify.alert('My Title', '<dx-data-grid ...>...</dx-data-grid>');

Пример изображения с сеткой данных Devextreme

Как я могу встроить угловой компонент в alerttifyjs?Или я могу это сделать?

Спасибо.

Answer 1

Вы не можете передать весь компонент как содержимое тела.Согласно Документам на alerttifyjs, он поддерживает заголовок и содержание в виде строки.Таким образом, вы можете передать component.elementref.nativeElement.innerHTML.

Шаблон:

<app-custom-component #customcomp></app-custom-component>

Компонент:

@ViewChild('customcomp') customcomp : ElementRef;

ngAfterViewInit(){
   _alertify.alert('Title' , this.customcomp.nativeElement.innerHTML);
}