angular2 访问 JS 文件: 先将要使用的 JS 文件下载下来, 放到 angular2 项目的 src/assets/JS 目录, 然后告诉 angular 去哪里加载该库并对要使用的对象进行声明, 就可以直接访问 JS 文件了.
angular2 访问 JS 文件的方法如下:
1, 将 ali-oss sdk 的 JS 文件下载下来, 放到 angular2 项目的 src/assets/JS 目录 (该目录可自己选择).
2, 告诉 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>'
- });
来源: http://www.css88.com/qa/angular-js/10662.html