如何使用 Angular 2 的角材料？答案

【问题标题】：How can I use angular material with angular 2?如何使用 Angular 2 的角材料？
【发布时间】：2016-03-30 12:52:18
【问题描述】：

我试过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>，但没有运气。

【问题讨论】：

看看这个网站justindujardin.github.io/ng2-material
是的，并非所有像 angular 1.x 这样的组件都是使用 angular2 的 angular 材料创建的，但其中很少有人被创建，@EricMartinez 提供的链接中提到了这一点

标签： angular typescript angular-material

【解决方案1】：

另一种方法是使用来自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】：

自从写了这个问题后，Angular 团队就创建了“Material Design for Angular 2”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}

【讨论】：

我知道这个答案是很久以前的事了。我尝试使用 Angular CLI 'ng new my-project'，我看到正在安装的 cmd，但是安装需要很长时间，看起来它永远不会以安装结束。有人有同样的问题吗？