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

Question

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

Пример кода:

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);
}