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

前端之家收集整理的这篇文章主要介绍了使用角度角色时如何添加第三方库?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想尝试用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>

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

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

猜你在找的Angularjs相关文章