Ne angulaire 2.0 alpha travailler avec les composants angulaire/matériau de Projet?

J'ai essayé d'obtenir que cela fonctionne, mais je n'ai pas pu. Si c'est possible, s'il vous plaît signaler un échantillon.

  • l'angle de 2 source contient un matériau en cours de conception mise en œuvre, qui peut être construit en utilisant le principal trait de fichier à l'aide de construire.js.matériel je crois que github.com/angular/angular/blob/master/gulpfile.js#L1275 je l'ai vu fonctionner il ya un moment et il était encore à un stade très précoce
InformationsquelleAutor Tarun | 2015-03-23
  1. 13

    L'équipe est de travailler sur un port Angulaire de Matériel pour la 2.0, et vous pouvez trouver le code source ici.

    J'ai créé une rapide démonstration montrant comment l'utiliser conjointement avec Angulaire 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);

    Voir en action dans cette plunker.

    Vous pouvez trouver d'autres exemples dans le angular2 repo.

    Être conscient que c'est encore en alpha code et il n'est pas entièrement fonctionnel. Par exemple, je ne pouvais pas obtenir MdButton de travailler en raison de ce problème.

    • Merci. @urish, la angulaires-le matériel de travail css avec Angular 2.0?
    • Je n'ai pas essayé ça, mais même si elle le fait, ce cas d'utilisation n'est pas actuellement pris en charge par l'équipe donc je ne le recommanderais pas
    • Merci @urish .. Pour une raison quelconque, il n'a pas de travail pour moi. Ici, c'est le travail de démo: plnkr.co/modifier/vSS7yMroAeTDHALG8eEg?p=preview
    • Je pense que des trucs changé, de sorte urish plunk ne fonctionne plus. @Shidhin-Cr votre plunk fonctionne sauf pour les polices de caractères pour une raison quelconque
    • Quelqu'un a modifié le plunk lien ci-dessus. Ici, c'est un travail plunk. plnkr.co/modifier/vSS7yMroAeTDHALG8eEg?p=preview Cependant, lorsque j'ai copié, mon atom-typscript gardé de l'erreur - impossible de trouver 'angular2_material/matériau - même avec plusieurs modifié essais. Ressemble à une sauce spéciale pour moi.
    • Mise à jour: le ci-dessus plunk ne fonctionne pas avec la version bêta.0
    • Qu'avez-vous faire pour l'utiliser ? Il n'y a pas de mnp pensions de sorte qu'il n'est pas possible d'installer le angular2_material avec un mnp commande. Je ne sais pas comment l'ajouter à mon angulaire 2 de la demande.
    • Avez-vous moyen de mettre les <h1>{{title}}</h1> dans le app.js de votre plunker?

    InformationsquelleAutor urish
  2. 5

    Version actuelle de la angulaires-le matériel ne fonctionnera pas avec angular 2.0, mais je suis sûr qu'il y aura une nouvelle branche(ou version), qui sera compatible avec angualar 2.0.

    • Merci. La angulaires-le matériel de travail css avec Angular 2.0?
    • Ce post est maintenant âgé d'un an. Il y a eu des avancées et angulaires-le matériel-2 alpha-0 est sorti, avec les démos. github.com/angular/material2
    InformationsquelleAutor Zhorzh Alexandr
  3. 1

    Je sais que cette question est ancienne, mais je n'ai découvert aujourd'hui, ils ont un lien dans la anguleuse/matière README qui pointe vers un référentiel ils ont créé spécifiquement pour le angular2 cible de anguleuse/matière: https://github.com/angular/material2

    Il est encore dans le alpha0.

    Comme une suggestion, peut-être il pourrait être utile d'utiliser quelque chose comme http://www.getmdl.io/ jusqu'à material2 prend son envol. Il peut vous permettre de prototype plus tôt.

    InformationsquelleAutor Rob K