17

我一直试图让这个工作，但一直没能。如果可能，请指出一个示例。

4

3 回答 3

13

该团队正在开发 Angular Material 2.0 的端口，您可以在此处找到源代码。

我创建了一个快速演示，展示了如何将它与 Angular 2 一起使用：

import {Component, View, bootstrap} from 'angular2/angular2';
import {MdInput, MdInputContainer} from 'angular2_material/material';

// Defines a new HTML tag <hello-ngconf>
@Component({
    selector: 'material-demo'
})
@View({
    template: `
    <md-input-container>
      <label>Your name</label>
      <input #newname />
    </md-input-container>
    <p>
      Hello, {{newname.value}}
    </p>
    `,
    directives: [MdInputContainer, MdInput]
})
class MaterialDemoComponent {
}

bootstrap(MaterialDemoComponent);

在这个 plunker中查看实际操作。

您可以在angular2 repo中找到更多示例。

请注意，这仍然是 alpha 代码，并且功能不完整。例如，由于这个问题，我无法让 MdButton 工作。

于 2015-05-16T16:16:00.017 回答
5

当前版本的 angular-material 不适用于 angular 2.0，但我相信会有新的分支（或版本）与 angular 2.0 兼容。

于 2015-03-23T22:27:31.290 回答
1

我知道这个问题很老，但我今天确实发现他们在 angular/material README 中有一个链接，指向他们专门为 angular/material 的 angular2 目标创建的存储库：https ://github.com/angular/material2

它仍处于 alpha0 中。

作为一个建议，在 material2 启动之前，使用http://www.getmdl.io/之类的东西可能会有所帮助。它可能允许您更快地进行原型设计。

于 2016-02-23T15:36:15.367 回答