2017-06-17 18 views
2

私は書籍の内容を表示するためのアプリを構築しています。私はこのアプリで3ページを持っています:イオン3アセットファイルの内容を取得

Page 1 1.章の章にリンクするボタンのリスト。 (ChaptersPage
Page 2章のページにリンクするボタンのリスト。 (PagesPage
Page 3ページコンテンツ。 (PageContentPage

ページ1と2はタブ内にあるので、ユーザーが章を選択すると、次のタブに移動してから、その章のページを選択してページ内容を取得します。タブは次のようになります。 enter image description here

すべてのページと章は、それぞれのフォルダにあります。マイアプリのフォルダは次のようになります。ユーザーは、私は章のフォルダ内にあるどのように多くのページを見てする必要がありチャプターを選択

src 
|_ app 
|_ assets 
    |_ icon 
    |_ images 
    |_ chapters 
     |_ 1 
     |_page_1.txt 
     |_page_2.txt 
     |_ 2 
     |_page_1.txt 
     |_page_2.txt 
     |_ 3 
     |_page_1.txt 
     |_page_2.txt 
     |_ ... 
|_ pages 
|_ services 
|_ ... 

まず、ので、私は、ボタンの正しい数を一覧表示することができます。私はionic native File pluginを使用しようとしているが、私は成功していない。私はいつも「ディレクトリが存在しdoes notの」そうだドキュメントをプラグインファイル上の例を使用する:

this.file.checkDir(this.file.applicationDirectory, 'assets/chapters/2').then(_ => 
    console.log('Directory exists') 
).catch(err => console.log('Directory doesnt exist')); 

だから、私の質問は:どのように私は章のフォルダ内にあるファイルの数を読むことができますか?その後、どのようにしてpage.txtの内容を取得できますか?変更の最初の

答えて

3
readPage() { 
    this.http.request('../assets/chapters/1/page_1.txt') 
      .map(res => res.text() }) 
      .subscribe(text => { 
      this.txtContent= text; 
      }) 
      .catch(error => { 
      console.err("Path not found with error: ", error); 
      }); 
} 
0

このコードブロックは、これはあなたがしたいディレクトリにあなたを取得します

this.file.checkDir(this.file.applicationDirectory, './chapters/2').then(_ => 
    console.log('Directory exists') 
).catch(err => console.log('Directory doesnt exist'));