Question

有没有人使用Angular和最新版本的Materialisecss 1.0.0（beta或rc）成功构建任何应用程序？ https://materializecss.com/

似乎所有现有文档都围绕Materialisecss 0.100.2或v 1.0.0但只有javascript示例。我正在寻找一个带有打字稿的Angular（最好是v6）解决方案。努力让这个工作。

提前致谢

Answer 1

要在Angular2 +中使用Materializecss，您需要执行以下操作

1：在现有的角度项目中从命令行安装：

npm i materialize-css@next --save

2：在您的angular.json中包含实体化：

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

3：启动服务器

ng serve

4：开始工作

我建议从官方网站下载示例template并根据您的需要进行修改。

重要完成上述步骤后，就可以使用CSS组件，但是，如果要使用javascript功能，则需要在每个要使用它们的组件中声明一个类型为any的M变量：

import { Component, OnInit } from '@angular/core';

declare var M: any;

@Component({.....

要初始化组件，请执行以下操作：（模态示例）

this.myModal= new M.Modal(document.querySelector('#myModalId'), this.modalOptions);

在此步骤中尝试使用id代替类，这样您可以更好地控制并避免冲突

Materialisecss 1.0.0 + Angular

1 个答案: