Angular和jQuery:动态加载组件

Angular和jQuery:动态加载组件,jquery,angular,jquery-confirm,Jquery,Angular,Jquery Confirm,我使用Angular 6的插件,可以打开带有静态内容的警报和对话框: <button (click)="openConfirm()">Open Confirm</button> 现在我想在里面加载一个组件,我想如果我以字符串形式传递选择器,我会加载它。但事实并非如此 我认为该插件使用jquery html()函数将html添加到确认框中。因为当我尝试这个的时候: $.confirm({ title: 'Test', content: '<app-confi

我使用Angular 6的插件,可以打开带有静态内容的警报和对话框:

<button (click)="openConfirm()">Open Confirm</button>
现在我想在里面加载一个组件,我想如果我以字符串形式传递选择器,我会加载它。但事实并非如此

我认为该插件使用jquery html()函数将html添加到确认框中。因为当我尝试这个的时候:

$.confirm({
  title: 'Test',
  content: '<app-confirm></app-confirm>'
});
$。确认({
标题:"测试",,
内容:“”
});

我检查了,插件实际上将选择器添加到html中,但它没有加载组件。

为什么不使用角度模态组件而不是尝试使用jQuery?不管怎么说,你想做的事是行不通的。如果需要使用动态组件加载器()之类的东西,但这对我来说似乎太错误了(尝试在angular应用程序中使用jQuery处理DOM)。是的,我知道它不起作用,我使用这个插件是因为我喜欢它的风格和设计,而且我一直在其他项目中使用它。不管怎样,我想看看是否有办法让这一切顺利进行。
$.confirm({
  title: 'Test',
  content: '<app-confirm></app-confirm>'
});