在 Angular4 的 .ts 文件中使用 .js 文件

Question

我认为这将是一个微不足道的问题，但谷歌医生还没有治愈我，所以我想我会来这里。

我是 Angular4 的新手。

我有一个想要使用的 .js 文件 (videos2.js)，我无法将其转换为 .ts 文件 - 这是不可协商的。 （这是我试图解决的问题的问题指南的一部分）。

我创建了一个新组件，使用：

ng g component videos

我想访问生成的 videos.component.ts 文件中的变量。

我已将名为 videos2.js 的 .js 文件放在视频文件夹中。在 videos.component.ts 文件中我添加了两行：

import * as variable from './videos2'; 
declare var videos2: any;

在 _dot_angular-cli.json 文件中我添加了以下行：

"../../../../src/app/components/videos/videos2"

到脚本标签内。

但是，这两种方法都不能作为行：

import * as variable from './videos2';

返回一个关于 AngularJS 不被允许的错误，即使我尝试添加

"allowJs": true,

到 config.json 文件。以及“声明 var videos2: any;”也不工作。 任何帮助将不胜感激，谢谢。

Answer 1

我认为没有办法尝试将 jquery 放入打字稿中。但是我有一种解决方案，您可以尝试将您的 js 文件保存到节点模块中并从中提供服务。如果你使用 angular-cli，那么在脚本数组中你必须调用路径。

希望这会有所帮助。