使用从其各自模块导入/导出的Angular Material Design组件

Question

我已经使用Angular 6已有一段时间了，但是由于某些原因，这些模块让我非常困惑。在主要使用Bootstrap开发我的应用程序之后，我决定为我目前正在从事的项目切换到Angular Material Design。

我在Material Design Docs处阅读了文档，但无法弄清楚模块的内容。我知道可以将材料模块导入我的app.module文件中并使用它们，但是我想使用一个单独的module文件专门用于材料组件，以使我的app.module更多有组织的（如文档所说是可能的）。

因此，我创建了material.module文件，并将要使用的所有组件放入文件的导入和导出数组中。然后，我将material.module导入了app.module中。我试图在页面的.ts文件中使用一个组件，即MatSnackBar，但是如果不从MatSnackBar导入它，它将无法找到@angular/material。

我知道我的设置存在问题，并且我已经尝试了多种方法，但是我似乎无法弄清楚。

有人可以帮我一下吗？另外，如果您知道有关Pluralsight的任何优秀课程或有关实际使用Material Design的优秀写作教程，那么这些资源也将不胜感激。

Answer 1

  

我试图在页面的.ts文件中使用一个组件，即MatSnackBar，但是如果不从@ angular / material导入它，它将找不到MatSnackBar

那很好。您还必须将其导入到组件.ts文件中。

您创建用于材料组件的单独模块的方法是我经常看到的一个好主意。