Angular alertifyjs 中的 6 个组件

Question

我想将 alertifyjs 与 angular 6 一起使用。并且想将 angular 组件嵌入到 alertifyjs 主体中。

示例代码：

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

或

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

Example image with Devextreme datagrid

如何将 angular 组件嵌入到 alertifyjs 中？或者，我可以吗？

谢谢。

Answer 1

您不能将整个组件作为 body 内容传递。根据 alertifyjs 文档，它支持标题和 body 内容作为字符串。所以你可以通过 component.elementref.nativeElement.innerHTML.

模板：

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

分量：

@ViewChild('customcomp') customcomp : ElementRef;

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