cordova - 在 Angular 2 + Cordova 应用程序中使用 Cordova 插件

Question

我有一个 Angular 2 应用程序，我正在将其构建到 cordova 中并部署到 Android/IOS。我没有使用 ionic，我见过许多使用 ionic 的解决方案，但我现在无法将整个项目转换为 ionic。

到目前为止一切正常，除了我不知道如何使用 cordova 插件。具体来说，我正在尝试使用“cordova-plugin-file”在设备上存储本地文件。

我不知道如何导入/访问插件文件或函数？我可能遗漏了一些关于 cordova 插件如何工作的东西。大多数教程只展示了使用插件添加的任何功能，例如......

window.requestFileSystem(window.TEMPORARY, 5 * 1024 * 1024, function (fs) {
   console.log('file system open: ' + fs.name);
   createFile(fs.root, "newTempFile.txt", false);
}, onErrorLoadFs);

但是上面的代码破坏了 angular 2，我得到了这样的错误。

 Property 'requestFileSystem' does not exist on type 'Window'.

很明显，有些东西没有得到正确的导入或尊重。很可能是因为 cordova 是 angular 2 应用程序的子文件夹。然后我运行 ng build 并将输出文件放入 cordova 文件夹，所以那时它不知道 cordova？

 Angular_2_project
 ├── cordova
 │   └── plugins
 ├── src
 │   └── index.html
 │   └── app
 │        └── html/ts files 

Answer 1

似乎没有加载 cordova.js。

添加cordova.js & Plugin相关的.js

如果是 angular-cli.json，只需将它们加载到脚本中即可。

此外，当您将它添加到您的 *.ts 文件中时，它会在传输时抛出错误你什么时候会尝试构建它。为避免这种情况，将其添加到 *.ts 文件开头的 declare 中。

例子:我想在我的 ts 文件中使用 cordova.on。

我会写

declare var cordova:any