通过 NPM 集成 ng2Material

Integrate ng2Material by NPM

我在尝试将 Angular2 与 ng2 集成时遇到问题Material。

我得到 Material 风格的小按钮，但我不知道为什么当我点击按钮时，我可以看到点击按钮的效果。

以下是我对存储库执行的步骤：

npm install
bower install
npm run go

这是我的 Github project.

评论太长，所以张贴为答案可能对其他人有帮助。

根据@julio 的问题，他想使用 ng2 material 带有效果的按钮，但在（单击）事件绑定时遇到一些问题。

相同的工作示例http://plnkr.co/edit/btRKjeRNpHrASXbFPKtd?p=preview

有关更多信息，请阅读此处，您也可以在此处找到带有代码的示例

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

为了使用 angular2 material 组件，我们必须在 index.html 中导入相同的 .js 文件，所以将这段代码放在 index.html

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

然后我们必须映射 material 以在 config.js 文件中使用，以告诉 system.js（模块加载器）在哪里可以找到这些东西 (material) .所以我们必须按照angular2 material.

官方网站中的说明配置config.js文件

为了使用 material 的组件，我们必须像这样使用模块加载器导入 

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

然后在@component注解的指令列表中添加同样的内容