棱角2.0 alpha是否适用于角度/材料项目中的组件？

Question

我一直试图让这个工作,但一直没能.如果可能的话,请指向一个样本.

Answer 1

该团队正在开发Angular Material for 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工作.

Answer 2

当前版本的角度材料不适用于角度2.0,但我相信会有新的分支(或版本)与angualar 2.0兼容.