Ich habe versucht, dies zur Arbeit zu bringen, aber nicht in der Lage gewesen. Wenn es möglich ist, zeigen Sie bitte auf ein Beispiel.Funktioniert angular 2.0 alpha mit den Komponenten im eckigen/material Projekt?
Aktuelle Version von Winkeln Material nicht mit Winkel 2.0 arbeiten, aber ich bin sicher, es wird neue Niederlassung (oder Version) sein, die mit angualar 2.0 kompatibel sein werden.
Das Team arbeitet an einem Port von Angular-Material für 2,0, und Sie können den Quellcode here finden.
habe ich eine kurze Demo zeigt, wie es zu benutzen zusammen mit kantigen 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);
in Aktion in this plunker.
können Sie weitere Beispiele in the angular2 repo finden.
Beachten Sie, dass dies immer noch Alpha-Code ist, und es ist nicht voll funktionsfähig. Zum Beispiel konnte ich MdButton wegen this issue nicht zum Arbeiten bringen.
Danke. @urish, funktioniert das aktuelle eckige Material CSS mit Angular 2.0? – Tarun
Ich habe das nicht versucht, aber selbst wenn, wird dieser Anwendungsfall derzeit nicht vom Team unterstützt, daher würde ich es nicht empfehlen – urish
Danke @urish .. Aus irgendeinem Grund funktionierte es nicht für mich. Hier ist die Arbeitsdemo: http://plnkr.co/edit/vSS7yMroAeTDHALG8eEg?p=preview –
Ich weiß, diese Frage ist alt, aber ich habe zu entdecken heute haben sie einen Link in dem Winkel/Material README, die auf einen Repository verweist sie speziell für das angular2 Ziel Winkel/Material erstellt: https://github.com/angular/material2
Es ist immer noch in Alpha0.
Als Anregung, vielleicht könnte es helfen, so etwas wie http://www.getmdl.io/ zu verwenden, bis material2 den Boden aussteigt. Es könnte Ihnen erlauben, früher zu prototypen.
die Winkel 2 -Quelle enthält eine laufende Material Design-Implementierung, die die Haupt-schluck-Datei erstellt werden kann, indem mit build.js.material Ich glaube https://github.com/angular/angular/blob/master/gulpfile.js # L1275 Ich sah es vor einiger Zeit arbeiten und es war immer noch in den frühen Stadien –