Angular 2.0 alpha是否与angular/material项目中的组件兼容？

Question

Angular 2.0 alpha是否与angular/material项目中的组件兼容？

18

我一直在尝试让这个工作起来，但一直没有成功。如果可能的话，请提供一个示例。

- Tarun

Angular 2源代码包含一个正在进行的Material Design实现，可以使用主Gulp文件build.js.material进行构建。我相信https://github.com/angular/angular/blob/master/gulpfile.js#L1275。我之前看过它的工作情况，当时还处于非常早期的阶段。 - Angular University

3个回答

5

目前的angular-material版本无法与angular 2.0兼容，但我相信会有新的分支（或版本）与angular 2.0兼容。

- Zhorzh Alexandr

谢谢。当前的angular-material css是否与Angular 2.0兼容？ - Tarun

这篇文章已经一年了。有许多进展，angular-material-2 alpha-0发布了，还有演示。https://github.com/angular/material2 - sparkyspider

1

我知道这个问题很旧，但我今天发现在angular/material的README中有一个链接，指向他们专门为angular2目标创建的存储库: https://github.com/angular/material2 它仍处于alpha0版本。

作为建议，也许使用http://www.getmdl.io/之类的东西，直到material2开始启动，可能会让您更快地进行原型设计。

- Rob K

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- urish · Accepted Answer

该团队正在为2.0版本制作Angular Material的端口，您可以在这里找到源代码。

我创建了一个快速演示，展示如何与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 正常工作。