javascript - 从 typescript 中调用JavaScript方法

目前，我正在尝试使用文档的在线视图，并且偶然发现了该网站。https://rollmyfile.com/。

当我转向开发人员API https://rollapp.readme.io/v1.0/docs/rollmyfile-js-api时。我发现我可以通过传递URL来阅读任何文档。但是我正在研究使用打字稿的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'错误。

我做错什么了吗？

最佳答案

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

 declare const RollMyFile: any;

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

该控制台由于错误的密钥给我错误。