Question

我通常对Angular并不熟悉，因此我尝试使用materializecss 使用Angular6。我正在使用CLI创建组件。

我已经阅读了有关如何在Angular 2中进行操作的材料，但是Angular 6似乎有所不同，例如没有angular-cli.json文件。

如何在Angular 6中运行materializecss？

用于安装materializecss的命令： npm i materialize-css@next

angular.json尝试修改：

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

仅此一项是行不通的。

Answer 1

您尝试过ngx-materialize吗？

他们的说明建议您还需要更改tsconfig.json文件，并将以下内容添加到类型数组：

“ jquery”，
“ materialize-css”

除非您正在寻找特定的组件，否则我建议使用angular-material作为更好的选择。

Answer 2

在Angular中有几种使用实体化样式的方法。
列出一些：

下载特定于角度的css框架-有关角度兼容的css框架，请参见npm。
从 materialize-css网站下载源代码，并将其粘贴到任何组件css文件中。
在终端中输入npm install materialize-css @ next，下载实现的npm软件包。

注意：

materialize-css的某些功能需要jquery。我在nmp安装jquery时遇到了Angular问题...
然而，materialize-css的样式和颜色仍然可以用于不需要动画的组件中。

关于Angular特定软件包的一个词：

ngx-materialize非常适合轻松安装，组件样式和动画，但已弃用了相关性。

materialize-angular也不错，但是目前没有任何组织支持，因此也有许多过时的依赖项。

如果您不确切知道为什么需要特定角度的CSS框架，请考虑使用普通的Materialize或Bootstrap框架。

materializecss + Angular 6如何配置？

2 个答案:

注意：

关于Angular特定软件包的一个词：