在Angular2中包含外部（托管）javascript文件

Question

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

我已将文件添加到[scripts]数组中，如下所示：

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

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

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

Answer 1

您应该在头标记中的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，显示（没有打字文件）。希望这会有所帮助。