angular - angular 2.0 alpha 是否与 angular/material Project 中的组件一起使用？

Question

我一直在努力让它工作，但一直没能成功。如果可能，请指出示例。

Answer 1

该团队正在为 2.0 开发 Angular Material 端口，您可以找到源代码 here .

我创建了一个快速演示，展示了如何将它与 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);

请参阅 this plunker 中的实际操作.

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

请注意，这仍然是 alpha 代码，还没有完全发挥作用。例如，由于 this issue，我无法让 MdButton 工作。 .