使用角度角色时如何添加第三方库？

发布时间：2020-12-17 08:08:52 所属栏目：安全来源：网络整理

导读：我想尝试用angular-cli( https://github.com/angular/angular-cli)创建一个Angular 2应用程序，然后使用ng2-material( https://github.com/justindujardin/ng2-material)作为UI组件。但我只是不明白我/我必须包括ng2素材库才能使用它。我用新的myproject创

我想尝试用angular-cli( https://github.com/angular/angular-cli)创建一个Angular 2应用程序，然后使用ng2-material( https://github.com/justindujardin/ng2-material)作为UI组件。但我只是不明白我/我必须包括ng2素材库才能使用它。

我用新的myproject创建了一个项目，然后我用ng服务器启动了服务器，打开了刚刚完成的网页。下一步，我用npm安装ng2材料安装了ng2材料 – 保存。然后我添加了MATERIAL_PROVIDERS到角度的引导，如这里所示https://github.com/AngularShowcase/angular2-seed-ng2-material/blob/master/app/bootstrap.ts。

这导致Web浏览器中出现错误消息GET http：// localhost：4200 / ng2-material / all 404(未找到)，我只是无法弄清楚如何摆脱它。

angular-cli似乎正在做一些事情来创建一个dist文件夹，其中一些在index.html中使用的节点模块最后出现，但我看不到配置的位置或方式。

[编辑29/09/2016]现在，角度使用webpack iso system.js，这个答案不再是很有意义了。检查角度维基页面上的“ 3d party lib installation”和“ global lib installation”。

[编辑10/05/2016]现在在angular cli wiki详细描述。

这对我有用：

在ember-cli-build.js中，将依赖关系添加到vendorNpmFiles，例如

module.exports = function (defaults) {
  var app = new Angular2App(defaults,{
      vendorNpmFiles: [
          'a2-in-memory-web-api/web-api.js'
      ]
  });
  return app.toTree();
}

(其中a2-in-memory-web-api / web-api.js是我的node_modules文件夹中的一个文件)

在index.html中，添加以下行：

<script src="vendor/a2-in-memory-web-api/web-api.js"></script>

最后你重新启动你的服务器。

没有用角质材料测试它，但你得到的想法。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!