如何将 angular material 与 angular 2 一起使用？

Question

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

然后我将脚本和 link 添加到 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 团队创建了 "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}

Answer 2

另一种方法是使用 materialize from 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>

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

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

如何将 angular material 与 angular 2 一起使用？

How can I use angular material with angular 2?

angular

typescript

angular-material