angular - Angular 2实现CSS

Question

我将 Angular 2 与 Webpack 模块捆绑器一起使用，我按照本教程将 Materialize css 添加到我的项目中。然后我被这个错误消息卡住了： 未捕获的错误：在窗口上找不到物化对象。它是由 materialize-css 库创建的。请在导入 angular2-materialize 之前导入 materialize-css。

有没有人经历过这个？任何帮助都将受到欢迎。

Answer 1

要将 Materialise CSS 与 Angular 6 集成：

1. 安装所有依赖项：

   npm install jquery hammerjs materialize-css@next angular2-materialize --save

2. 在应用程序部分中添加这些依赖项的 js 文件，然后在文件中的脚本子部分中添加angular.json：

   "styles": [  
   "./node_modules/materialize-css/dist/css/materialize.css",
     "src/styles.scss"
   ],
   "scripts": [
     "./node_modules/jquery/dist/jquery.js",
     "./node_modules/hammerjs/hammer.js",
     "./node_modules/materialize-css/dist/js/materialize.js"
   ]
   

3. 在 main 中导入 materialize-css 和 MaterializeModule app.module：

   ...
   import 'materialize-css';
   import { MaterializeModule } from 'angular2-materialize';
   ...
   @NgModule({
   imports: [
   ...
   MaterializeModule,
   ],
   })
   

4. 重启你的服务器

来源：

https://fullstackengine.net/create-wedding-page-angular-materialize/

http://colinstodd.com/blog/post/how-to-install-materialize-css-in-angular-5

具有实现 css 的 Angular 5