使用Ionic 3加載頁面模板內的資產文件

Question

我有一個頁面，ContentPage，它顯示了我的應用程序的靜態文件的內容。我的網頁的HTML文件是以下（content.html）：

<ion-header> 
    <ion-navbar> 
    <ion-title>{{ lessonNumber }} - {{ pageNumber }}</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content padding> 

    <!-- TXT CONTENT GOES HERE --> 
    {{ txtContent }} 

</ion-content> 

我的靜態文件正在src/assets/txts/

src 
|_ app 
|_ assets 
    |_ txts 
     |_ 1.txt 
     |_ 2.txt 
     |_ 3.txt 
     |_ ... 
|_ pages 
|_ ... 

當ContentPage是開放的，我需要得到的TXT文件之一，如1.txt，並將其內容加載到content.html頁面內。

這是我的網頁代碼：

import {Component} from "@angular/core"; 
import {IonicPage} from "ionic-angular"; 

@IonicPage() 
@Component({ 
    selector: 'page-content', 
    templateUrl: 'content.html', 
}) 
export class ContentPage { 

    lessonNumber: number; 
    pageNumber: number; 

    txtContent: string = ''; 

    constructor() { 
    //FIXME - get txt contents 
    //txtContent = ... 
    } 

} 

我怎麼能這樣做？

是否有類或插件允許我獲取這些文件？

Answer 1

你可以使用HTTP請求從txt文件中獲取數據。你可以寫在構造函數或服務

constructor() { 
    this.http.request('./txt/1.txt') 
        .map(res => res.text() }) 
      .subscribe(text => { 
      this.txtContent= text; 
      }); 
}