如何集成离子2的文件插件

时间:2017-02-03 06:27:33

标签: angular cordova ionic-framework ionic2

我正在尝试使用Ionic 2为Windows 10手机开发Windows 10应用程序,我有一个离线数据存储方案,我尝试了sqlite插件,但它是徒劳的,最后我的想法最终使用“文件”使用file plugin存储数据遗憾的是,此插件会返回此JavaScript运行时错误:无法获取未定义或空引用的属性“applicationDirectory”。有人可以为我提供一个工作实例或任何解决此问题的建议。

任何帮助将不胜感激。

这是我正在处理的代码段。

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

import { File } from 'ionic-native';

declare var cordova: any;


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  fs: string = cordova.file.dataDirectory;

  constructor(public navCtrl: NavController) {

    File.checkDir(this.fs, 'mydir').then(_ => console.log('yay')).catch(err => console.log('boooh'));
  }

}

2 个答案:

答案 0 :(得分:1)

这是我的检查目录的工作代码: -

import { File } from 'ionic-native';

var rootPath = cordova.file.externalRootDirectory;
var folderName = 'Your Folder';

this.completePath = rootPath + folderName;
this.subFolder = 'Others';

File.checkDir(this.folderPath + '/', this.subFolder).then((bool) => {
  resolve();
}).catch(() => {
File.createDir(this.folderPath + '/', this.subFolder, false).then(() => {
  resolve();
 })
})

答案 1 :(得分:0)

我认为cordova-file-plugin未加载或未正确安装。

你应该使用ionic的包装

“离子插件添加cordova-plugin-file”

您可以使用Chrome-Developer-Tool检查文件插件是否已正确加载。