Ionic 2ファイルプラグインの使用例

Question

Ionic 2/Angular 2プロジェクトでCordovaネイティブファイルプラグインを使用する方法の完全な例はありますか？

私はこのプラグインをインストールしましたが、フラグメント化されており、必要なすべてのインポートを含む完全な例が不足しているため、ドキュメントは私にとって意味をなさないようです。

たとえば、次の例では、LocalFileSystemやwindowなどのオブジェクトがどこから来たのかを示していません。

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fs) { 

    console.log('file system open: ' + fs.name); 
    fs.root.getFile("newPersistentFile.txt", { create: true, exclusive: false }, function (fileEntry) { 

     console.log("fileEntry is file?" + fileEntry.isFile.toString()); 
     // fileEntry.name == 'someFile.txt' 
     // fileEntry.fullPath == '/someFile.txt' 
     writeFile(fileEntry, null); 

    }, onErrorCreateFile); 

}, onErrorLoadFs); 

たとえば、プロパティファイルを作成する必要があります。まず、アプリケーションサンドボックスのストレージエリアにファイルが存在するかどうかを確認する必要があります。存在しない場合は作成する必要があります。それから、ファイル書き込みデータを開いて保存する必要があります。どうすればいい？

Answer 1

Ionic 2には、Cordovaファイルのプラグインラッパーが付属しています。 http://ionicframework.com/docs/v2/native/file/。

必要なファイルシステムパス（cordova.file.applicationDirectoryなど）は、元のプラグインのドキュメント（ https://github.com/apache/cordova-plugin-file#where-to-store-files）で確認できます。すべてのプラットフォームが同じストレージパスをサポートしているわけではないことに注意してください。

私はそれを使ってファイルブラウザを構築することさえできました。そのようにそれを使用します。

import {Component} from '@angular/core'; 
import {File} from 'ionic-native'; 

... 

File.listDir(cordova.file.applicationDirectory, 'mySubFolder/mySubSubFolder').then(
    (files) => { 
    // do something 
    } 
).catch(
    (err) => { 
    // do something 
    } 
); 

Answer 2

は、ここで私は、私はcsvファイルを添付して電子メールを送信する を配置したい場所に取り組んでいますアプリをIonicNativeを使用した例です。

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

class MyComponent { 
constructor(private emailComposer: EmailComposer, private file: File) { 

} 
testEmail() { 
this.file.writeFile(this.file.dataDirectory, 'test.csv', 'hello,world,', {replace: true}) 
    .then(() => {  
     let email = { 
     to: 'email@email', 
     attachments: [ 
      this.file.dataDirectory + 'test.csv' 
     ], 

     subject: 'subject', 
     body: 'body text...', 
     isHtml: true 
     }; 
     this.emailComposer.open(email); 

    }) 
    .catch((err) => { 
     console.error(err); 
    }); 

} 
} 

これは、IOS上のイオン3.7.0でテストされました。