Como posso usar material angular com angular 2?

Tentei e segui as instruções aqui.

Depois adicionei o guião e o link para index.html

<script src="node_modules/angular-material/index.js"></script>
<link ref="stylesheet" href="node_modules/angular-material/modules/angular-material.css">

então eu tentei adicionar um simples {[[3]} mas não estou tendo sorte.

Author: Daniel, 2015-12-24
Source

2 answers

Desde que esta pergunta foi escrita, a equipa Angular criou o projecto Github "Material para o Angular 2": https://github.com/angular/material2

Ver o Guia a começar para instruções de instalação.

Eles querem que você (instale e) use o CLI Angular .

Uma vez que ambos os projectos estão actualmente em alfa, as instruções abaixo podem mudar ao longo do tempo: 

# install the CLI globally
npm install -g angular-cli

# create a new project
ng new my-project

# install Angular Material 2 components
npm install --save @angular2-material/{core,button,card}
 3
Author: Mark Rajcok, 2016-05-27 01:53:38

Uma alternativa é a utilização materializar-se a partir de https://materializecss.com Basta importar estes ficheiros para o seu índice.html que está na pasta src 

<!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>

Assim você pode usar o design do material ex: 

 <label>
    <input type="checkbox" />
    <span>Red</span>
  </label>
 0
Author: Charleston, 2018-05-04 22:51:57