Es muy simple, puedes encontrar la Guía sobre esto en su página de GitHub aquí angular / material2.
Pero en general los pasos son:
- Instale el material angular 2 usando npm 01 – ¿Qué es npm? (o también puede optar por Bower para instalar el material angular 2 si ya ha instalado Bower . Si está confundido sobre qué es Bower aquí, puede encontrar detalles sobre Bower).
- Debe instalar animaciones angulares, que es opcional si no está utilizando componentes que requieren algún tipo de animaciones.
- Ahora tiene que importar los módulos de componentes específicos en su app.module.ts (esto tiene que hacer si planea usar componentes de material en su aplicación completa, pero si está apuntando solo a un módulo en particular, entonces importe solo en ese módulo ) También puede importar MaterialModule solo en su módulo para aprovechar el uso de todos los componentes de material 2 en lugar de importar cada uno de forma independiente.
- Lo siguiente es agregar temas y soporte de gestos .
- Puede buscar iconos de material que es opcional.
Y ya está, simplemente comience a usar componentes de material en su plantilla. Ejemplo de muestra es:
- ¿Debo aprender PHP o comenzar directamente con el otro lenguaje secundario de servidor como Node.Js y Django?
- ¿Vale la pena crear un sitio como indiabix.com?
- ¿Dónde puedo comprar contenido (artículos) para mi sitio web?
- ¿Cuál es la diferencia entre la función de devolución de llamada y las promesas en JS y en qué caso tenemos que usarlas?
- Cómo mejorar mi lógica en la codificación
También tienen una lista detallada de componentes con ejemplos en Angular Material.
En caso de que tenga problemas con los componentes del material 2, también puede elegir Promact / md2. Los componentes de diseño de materiales basados en Angular2 están disponibles aquí Promact / md2 (estos no son componentes oficiales del material 2).
Como en el material angular 2, todavía estamos trabajando en algunos componentes para desarrollar hasta entonces, puedes usar estos componentes de material impresionante Promact / md2.