在Ionic中编写JSON文件

时间:2018-07-06 18:24:56

标签: angular typescript cordova ionic-framework ionic3

我正在创建一个Ionic应用程序,我需要将数据保存在JSON文件中。

要创建该文件,请运行:

  

this.file.writeFile(this.file.dataDirectory,'test.json',   'hello,world,',{replace:true});

但是上面的代码没有任何作用。 test.json没有创建!

问题是什么?

编辑: 有人告诉我我必须使用cordova。真的吗?如果是这样,他是什么意思?

编辑: 是因为我无法提交“ this.file.dataDirectory”吗?

PS:我正在使用(离子Cordova运行浏览器)运行脚本。会引起问题。

另外,在使用Melchia的示例之后,我什至没有console.log!

2 个答案:

答案 0 :(得分:1)

运行此命令以安装cordova文件插件:

$ ionic cordova plugin add cordova-plugin-file
$ npm install --save @ionic-native/file

安装插件包后,将其添加到应用程序的NgModule中。

import { File } from '@ionic-native/file';


...

@NgModule({
  ...

  providers: [
    ...
    File
    ...
  ]
  ...
})
export class AppModule { }

然后在您的页面中。

import { File } from '@ionic-native/file';

constructor(private file: File) { }


this.file.writeFile(this.file.dataDirectory, 'test.json', 'hello,world,', {replace: true}).then(_ => console.log('Directory exists')).catch(err => console.log('Directory doesn\'t exist'));

答案 1 :(得分:-1)

我认为对于ionic V4,您应该使用来自'@ ionic-native / file / ngx'的import {File};