Интеграция ng2Material от NPM

Question

У меня проблема с интеграцией Angular2 с ng2Material.

Я получаю маленькие кнопки с стилем Material, но я не знаю, почему, когда я нажимаю на кнопки, я вижу эффект над кнопками.

Вот шаги, которые я взять с моей репо:

npm install 
bower install 
npm run go 

Вот мой Github project.

Answer 1

Слишком длинный комментарий, поэтому публикация в качестве ответа может помочь кому-то еще.

В соответствии с вопросом @julio хочет использовать кнопки материала ng2 с эффектами, но сталкивается с какой-либо проблемой, пока (щелчок) привязка события.

рабочий пример того же http://plnkr.co/edit/btRKjeRNpHrASXbFPKtd?p=preview

для получения дополнительной информации читайте здесь, и вы нашли примеры тоже с кодом здесь

https://justindujardin.github.io/ng2-material/

для использования angular2 компонентов материала мы должны импортировать .js для этого в index.html, поэтому введите этот код в index.html

<script src="node_modules/ng2-material/dist/ng2-material.js"></script> 

тогда мы должны сопоставить материал, который будет использоваться в файле config.js, чтобы сообщить system.js (загрузчик модуля), где можно найти эти вещи (материал). поэтому мы должны настроить файл config.js, как описано на официальном сайте материала angular2.

для того, чтобы использовать компоненты материала мы должны импорт с использованием модуля загрузчика как этого

import {MATERIAL_DIRECTIVES} from 'ng2-material/all'; 

затем добавить то же самое в списке директив @component аннотации.