如何创建一个与Angular 4兼容的模态弹出窗口
问题的出现原因是在子组件中调用openDialog()函数而不是直接在根组件中调用，因此不希望在main.ts中引导对话框组件，否则会出现一系列错误。需要给子组件类似于它自己的module.ts。解决方法是将"entryComponents: [DialogResultExampleDialog]"添加到子组件的module.ts中。
MdDialog是Angular Material组件套件的一部分，可以通过阅读入门指南来设置，只需要安装material npm库并将其包含在主模块中即可。
感谢您的帮助。经过一番搜索，我找到了解决方法。我需要添加"entryComponents: [DialogResultExampleDialog]"，而不是引导它。
这种方法不起作用。找不到模块'/material'。你是否使用npm install angular material？可以查看带有Angular material的入门指南。
对我来说，plunker加载失败。
谢谢你告诉我，我已经更新了URL。
在浏览器中使用您的解决方案时，我遇到了这个错误：Uncaught Error: Can't resolve all parameters for MdDialogRef: (?, ?)
我正在使用/core（以及所有其他4.2.5版本的包）。所以我尝试了npm install /material.2.5，但它不存在。你可以使用npm view /material versions --json查看它跳过了2.x版本并跳到了5.x版本。在4版中根本不存在。它应该使用哪个版本在Angular4中？
如何创建与Angular 4兼容的模态弹出窗口
在Angular 4中创建模态弹出窗口的原因是为了实现一个轻量级、灵活的解决方案。在下面的内容中，我们可以找到一个简单的方法来实现这个目标。
首先，我们可以将父组件和子组件分别定义为一个内联表单，并通过*ngIf属性控制子组件的显示与隐藏。父组件使用
接下来，我们需要定义一个名为modal的CSS类，用于设置模态弹出窗口的样式。这个类包括了一些基本的样式设置，如定位、层级、背景颜色等。另外，我们还需要定义一个名为overlay的CSS类，用于设置模态弹出窗口下方的遮罩层，以防止与页面的交互。
最后，我们将modal和overlay类应用到子组件的HTML中，通过