我一直在尝试让这个工作起来,但一直没有成功。如果可能的话,请提供一个示例。
我一直在尝试让这个工作起来,但一直没有成功。如果可能的话,请提供一个示例。
该团队正在为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 正常工作。
目前的angular-material版本无法与angular 2.0兼容,但我相信会有新的分支(或版本)与angular 2.0兼容。