如何将数据从离子形式写入 csv 文件？

Question

我是 Ionic 的新手。 我在表单中有两个字段

<ion-item>
    <ion-label floating>Name</ion-label>
    <ion-input #name type="text"></ion-input>
</ion-item>

  <ion-item>
    <ion-label floating>school</ion-label>
    <ion-input #school type="text"></ion-input>
  </ion-item>

<div padding>
  <button block ion-button (click)="SaveForm()">Save data</button>
</div>

用户点击保存按钮后，我想将数据以 csv 格式保存在本地文件系统中。

我试过了

SaveForm()
{

    var finalCSV = this.name.value+','+this.school.value;
     alert('finalCSV');
      $cordovaFile.writeFile(cordova.file.externalRootDirectory, 'data.csv', finalCSV, true).then(function(result){
            alert('Success! Export created!');
          }, function(err) {
            console.log("ERROR");
          })

}

在我添加的同一个 ts 文件中

import {File} from 'ionic-native';
declare var cordova:any;

const fs:string = cordova.file.dataDirectory;
File.checkDir(this.fs, 'mydir')
    .then(_ => console.log('yay'))
    .catch(err => console.log('boooh'));

我收到以下错误

Typescript 错误找不到名称“$cordovaFile”。

如何解决这个错误？

有没有更好的方法来实现这个？

Answer 1

import {Page, Platform} from 'ionic/ionic';    

constructor(platform: Platform) {
  this.platform = platform;
}
this.platform.ready().then(() => {
  cordovaFile.writeFile(cordova.file.externalRootDirectory, 'data.csv', finalCSV, true).then(function(result){
                alert('Success! Export created!');
              }, function(err) {
                console.log("ERROR");
              })
}