Cómo usar Angular Material 2 en una aplicación Angular 2 Angular-CLI

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:

  1. 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).
  2. Debe instalar animaciones angulares, que es opcional si no está utilizando componentes que requieren algún tipo de animaciones.
  3. 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.
  4. Lo siguiente es agregar temas y soporte de gestos .
  5. 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:

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.