angular2如何使用第三方js库-阿里云开发者社区

开发者社区> 开发与运维> 正文

angular2如何使用第三方js库

简介: angular2官方推荐用typescript来编写相关应用,而且本人亲身实践后深深爱上了typescript,它对于后端程序员来说简直是0成本学习。但是很多前端第三方库都没有提供ts的版本,因此在开发中不可避免的会出现需要整合第三方js库的情况。

angular2官方推荐用typescript来编写相关应用,而且本人亲身实践后深深爱上了typescript,它对于后端程序员来说简直是0成本学习。但是很多前端第三方库都没有提供ts的版本,因此在开发中不可避免的会出现需要整合第三方js库的情况。由于近期项目涉及到视频的上传存储,而且使用了阿里oss对象存储。ali-oss也只提供了js sdk,因此本文就以ali-oss js-sdk的整合为例,介绍下angular2如何整合external js library。

1.将ali-oss sdk的js文件下载下来,放到angular2项目的src/assets/js目录(该目录可自己选择)。

  1. 告诉angular去哪里加载该库。
    在angular-cli.json中找到scripts节点,加入如下配置:

"scripts": [
"./assets/js/aliyun-oss-sdk-4.4.4.min.js"
]

3.将oss sdk中的OSS对象声明到typescript中,以便在其他ts写的组件中使用。如果不加该声明在其他组件是无法使用OSS的,会出现编译错误。
打开typings.d.ts加入下面这段:

declare var OSS: any;

4.在组件中无需import直接根据官方js-sdk指南使用,如下:

var client = new OSS.Wrapper({
region: '<oss region>',
accessKeyId: '<Your accessKeyId>',
accessKeySecret: '<Your accessKeySecret>',
bucket: '<Your bucket name>'
});

作者:JamieLooping
链接:http://www.jianshu.com/p/0322f4eac673
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章