如何在Angular(2+)中显示页面内容而不需要选择器(例如Material Snackbar)

时间:2017-09-25 23:28:33

标签: angular angular-material

@angular/material提供了一些可以在HTML中不包含选择器的项目。例如,只需注入MdSnackBar然后在其上调用open即可显示Snackbar。您不需要拥有<md-snackbar></md-snackbar><div mdSnackBar></div>之类的内容。当您调用open时,无论调用何处,都会在页面的顶部或底部绘制,并且模板中不需要选择器元素。

我想创建一个以这种方式工作的组件,但我找不到如何执行此操作的直接示例。我想我可能只是不知道这种技术被称为什么,所以我不确定要搜索什么。

我看到的所有打开对话框或其他内容的示例都要求您在HTML中使用选择器,我知道该怎么做。即使PrimeNG's dialog要求您在HTML中加入<p-confirmDialog></p-confirmDialog>才能使用它(我可以告诉您)。

如何创建一个动态显示的组件,模板中没有选择器,例如材料零食栏?

1 个答案:

答案 0 :(得分:1)

我认为您正在寻找的是&#34; Entry Component&#34;使用此方法,您可以添加角度组件,而无需使用任何类型的选择器。

您可以参考以下链接:

https://angular.io/guide/ngmodule-faq#q-entry-component-defined