javascript - 从 typescript 调用 JavaScript 方法

Question

目前，我正在尝试使用文档的在线 View 进行工作，并且发现了这个网站。 https://rollmyfile.com/ .

当我走向开发者 API 时 https://rollapp.readme.io/v1.0/docs/rollmyfile-js-api 。我发现我可以通过传递 URL 来阅读任何文档。但我正在研究使用 typescript 的 Angular 4，所以我确实喊出了

所以我将js代码放在我的index.html中

index.html

<script type="text/javascript" src="https://api.rollapp.com/1/js/rollmyfile.js"></script>

现在我需要使用这个 js 文件将 Url 传递给它。

<script type="text/javascript">
    var key = "SeCur3AP1K3y";

    var rollMyFile = new RollMyFile(key);
</script>
rollMyFile.openFileByUrl("https://www.example.com/documentation/overview.docx");

所以，我需要在我的 .component.ts

中使用 .openFileByUrl

我也在我的 .component.ts 中引用了类似的路径

///<reference path="https://api.rollapp.com/1/js/rollmyfile.js"/>

但我仍然无法创建 RollMyFile 的实例。

我收到[ts] Cannot find name 'RollMyFile' 错误。

我是不是做错了什么？

Answer 1

您需要在顶部声明 RollMyFile 才能在 TS 文件中使用该函数

 declare const RollMyFile: any;

ngOnInit() {
 console.log("hi");
 var key = "SeCur3AP1K3y";
 var rollMyFile = new RollMyFile(key);
 console.log('rollMyFile',rollMyFile)
}

由于 key 错误，该控制台给我错误。