如何在自己的Angular 2项目中使用md-dialog

时间:2016-07-25 13:08:08

标签: angular angular2-material

一个简单的问题希望是一个简单的答案:我一直在尝试将@ angular2-material中的对话框添加到我自己的项目中,但到目前为止我只是尝试将node-modules / @ angular2-material文件复制到我的project的node-modules目录失败了。

我已经使用npm成功安装了核心,按钮等,但尝试使用对话框失败了。如果我尝试使用演示对话框应用程序文件作为概念验证,我只能进行“加载...”,因此组件永远不会被正确实例化。

我应该使用什么方法?阶段发布脚本,发布到本地NPM存储库,......?

1 个答案:

答案 0 :(得分:0)

感谢Pace的评论,我设法找出了方法:

  1. (material2 project)使用script / release文件夹中的stage-script创建一个包含几乎可以部署的组件的deploy文件夹
  2. 从按钮组件复制package.json文件并将按钮更改为对话框
  3. 转到您的项目并至少npm install folder-path-to-material2-deploy-componentcore
  4. 执行dialog
  5. 如果您使用angular-cli,请确保您已按照此处所述更新了文件:Angular-cli wiki我更喜欢使用materialPkgs.forEach的方法,如您所见:example file而不是第4步在Angular-cli维基页面上,但它并不重要。 请注意(至少我的开箱即用项目)有两个system-config.ts文件,因此如果您在打开更多工具 - >开发人员工具 - >控制台时看到404,则更新错误的文件。
  6. 现在您可以开始添加进行模板定义所需的导入和指令。

    拉​​斯