Angular 5 与物化 css答案

【问题标题】：Angular 5 with materialize cssAngular 5 与物化 css
【发布时间】：2018-09-05 00:11:29
【问题描述】：

我正在学习 Angular 5。但我正在按照本教程将物化 css 模块导入我的应用程序。 Ang with angular2materialize 然后我运行 ng serve 并成功编译。但是当我加载内容时它返回一个错误

未捕获的错误：在窗口上找不到 Materialize 对象。它由 materialize-css 库创建。请在导入 angular2-materialize 之前导入 materialize-css。

我应该怎么做？

【问题讨论】：

标签： angular5 materialize angular-module

【解决方案1】：

在 app.module.ts 中使用import 'materialize-css'; 之前 import {MaterializeModule} from 'angular2-materialize';。

【讨论】：

【解决方案2】：

<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">

<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>

您可以通过下载或使用 CDN 以两种方式使用 materialize css。在 app.component.html 中添加这些行。这些是指向 CDN 的链接。其他版本的CDN https://cdnjs.com/libraries/materialize

【讨论】：