Question

我已尝试npm install angular-material --save并遵循the instructions here.

然后我添加了脚本并链接到index.html

<script src="node_modules/angular-material/index.js"></script>
<link ref="stylesheet" href="node_modules/angular-material/modules/angular-material.css">

然后我尝试添加一个简单的<md-button>，但我没有运气。

Answer 1

自从写了这个问题以来，Angular团队已经为Angular 2＆＃34;创建了材料设计。 github项目：https://github.com/angular/material2

有关安装说明，请参阅Getting Started指南。

他们希望您（安装并）使用Angular CLI。

由于这两个项目目前都处于alpha状态，因此下面的说明可能会随着时间而变化：

# install the CLI globally
npm install -g angular-cli

# create a new project
ng new my-project

# install Angular Material 2 components
npm install --save @angular2-material/{core,button,card}

Answer 2

另一种方法是使用https://materializecss.com中的物化您只需将此文件导入src文件夹

中的index.html即可

<!-- 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>

因此您可以使用材料设计例如：

 <label>
    <input type="checkbox" />
    <span>Red</span>
  </label>

如何使用角度为2的角度材料？

2 个答案: