Angularフレームワークでファイル出力できない

Question

前提・実現したいこと

MonacaのAngularフレームワーク*を使用して、テキストファイル(newPersistentFile.txt)を保存したいと考えております。
（*Monacaテンプレートの名前はOnsen UI V2 Angular Navigation）

下記サイトを参考に、自分なりにAngular用に変更してみましたが、「fileWriter.write(dataObj)」部分が動作しておらず、0バイトの空ファイルが作成されてしまいます。
ファイル操作 プラグイン
（サンプルコード : ～　永続的なファイルの作成 部分）

実機での検証はAndroid 8.0で行っています。
iOSは実機無しのため未検証です。

具体的にどこをどう修正すればよいか、お知恵・ご経験を拝借できればと思います。

何卒よろしくお願いいたします。

該当のソースコード

app.tsは下記の通り。

import {Component} from '@angular/core';
import {OnsNavigator} from 'ngx-onsenui';

declare let cordova: any;
declare let window: any;
declare let LocalFileSystem: any;

@Component({
  selector: 'ons-page[page]',
  template: require('./page.html'),
  styles: [
  	'./page.css'
  ]
})
export class Page {
  constructor(private navi : OnsNavigator) {
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
        console.log("--------------------deviceready!!!!!!!!");
    }
  }

  push() {
    this.navi.element.pushPage(Page);
  }

  save() {
        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());
                Page.prototype.writeFile(fileEntry, null);

            },function(e) {
              console.log("onErrorCreateFile: " + e.code);
            });

        }, function(e) {
              console.log("onErrorLoadFs: " + e.code);
            }
        );
  }

  writeFile(fileEntry, dataObj) {
        // Create a FileWriter object for our FileEntry (log.txt).
        fileEntry.createWriter(function (fileWriter) {
            fileWriter.onwriteend = function() {
                console.log("Successful file write...");
                Page.prototype.readFile(fileEntry);
            };
            fileWriter.onerror = function (e) {
                console.log("Failed file write: " + e.toString());
            };
            // If data object is not passed in,
            // create a new Blob instead.
            if (!dataObj) {
                dataObj = new Blob(['some file data'], { type: 'text/plain' });
            }
            fileWriter.write(dataObj);  //★★★ここが動かない
        });
  }

  readFile(fileEntry) {
      fileEntry.file(function (file) {
          var reader = new FileReader();
          reader.onloadend = function() {
              console.log("Successful file read: " + fileEntry.fullPath + " --> "+ this.result);
              Page.prototype.displayFileData(fileEntry.fullPath + ": " + this.result);
          };
          reader.readAsText(file);
      }, function(e) {
                console.log("onErrorReadFile: " + e.code);
              });
  }
  displayFileData(data){
      alert(data);
  }

}

Fileプラグインは有効にし、config.xmlには下記を追加しています。

    <preference name="AndroidPersistentFileLocation" value="Compatibility" />
    <preference name="AndroidExtraFilesystems" value="files,files-external,documents,sdcard,cache,cache-external,assets,root" />
    <preference name="iosPersistentFileLocation" value="Library" />
    <preference name="iosExtraFilesystems" value="library,library-nosync,documents,documents-nosync,cache,bundle,root" />

試したこと

Monacaの最小限のテンプレートを利用したファイル出力は実現できております。
また、上記（Angularフレームワークを利用した）状態で、
fileWriter.write(dataObj)を
fileWriter.write('aaa')へ変更するとファイルの中身に aaa が書き込まれていることは確認できました。

Answer 1

nullを固定で渡してます。

  save() {
        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());
                Page.prototype.writeFile(fileEntry, null);  ←　nullしか渡してない。

Comments

[monaca_ao]

ご回答ありがとうございます。
> Page.prototype.writeFile(fileEntry, null); ←　nullしか渡してない。
ご指摘いただいた点を下記のように修正し、検証しましたがやはり0KBの空ファイルが出力されてしまいます。
let dataObj: Blob = new Blob(['angular Blob file export!'], { type: 'text/plain' });
Page.prototype.writeFile(fileEntry, dataObj); //nullでなくBlob型を引数とする

追加の情報ですが、投稿したソースをMonacaデバッガーで検証すると、十数回に何度かは文字列が設置されたファイルが作成されるのです。しかし、ロードしなおすと0KBのファイルが作成されてしまいます。（また、ロードしなおすとファイルがきちんと作成されたりと、、、）
ビルドし、apkをインストールしても同様の現象になってしまいます。
どのように回避したらよいのでしょうか。
ヒントとなる事象等ご存知でしたらご教示いただけると幸いです。