通过NPM集成ng2Material

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材质组件，我们必须在index.html中导入相同的.js文件，因此将此代码放在index.html中

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

然后我们必须映射要在config.js文件中使用的材料，以告诉system.js（模块加载器）在哪里找到这些东西（材料）。所以我们必须按照angular2材料官方网站的说明配置config.js文件。

为了使用我们必须使用模块加载器导入的材料组件

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

然后在@component注释的指令列表中添加相同内容。