在Angular2中包含外部(托管)javascript文件

我正在尝试通过将记录添加到我的angular-cli.json文件中来将外部js文件添加到我的Angular2项目中.

我已经在[脚本]数组中添加了一个文件,如下所示：

"scripts": ["https://as-identitydemo--c.na50.visual.force.com/resource/1495420277000/salesforce_login_widget_js"],

我读过的所有其他帖子都指的是将这种格式用于本地托管或安装在node_modules等中的内容.

如何在项目中包含外部js库并使用它？

解决方法:

您应该在头标记中的index.html中导入库.
其次,您必须使您的Angular项目可见库.这意味着你需要打字.你可以搜索https://github.com/DefinitelyTyped
 对于已存在的类型或将类型添加到typings.d.ts文件中.

例：

在您的页面中(在Angular应用程序之外),您可能有一个javascript全局变量：

var testVar = 'testvalue';

然后在typings.d.ts中,您可以通过添加使全局访问此变量

declare var testVar:string;

然后你可以在整个Angular项目中访问这个变量：

console.log(testVar);

您可以使用外部库中的函数执行相同的操作.

这是一个Plunk,显示(没有打字文件).希望这可以帮助.

标签：javascript,angular,angular-cli
来源： https://codeday.me/bug/20191003/1849812.html