angular2如何访问js文件

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>'
});

以上就是angular2如何访问js文件的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读