Laden Sie Asset-Datei in Seitenvorlage mit Ionic 3

Question

Ich habe eine Seite, ContentPage, die den Inhalt einer statischen Datei meiner App zeigt. Die HTML-Datei auf meiner Seite ist die folgende (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> 

Meine statischen Dateien sind unter src/assets/txts/

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

Wenn die ContentPage offen ist, ich brauche eine der txt-Dateien zu erhalten, wie zum Beispiel 1.txt, und laden Sie seinen Inhalt in die content.html Seite.

Dies ist meine Seite Code:

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 = ... 
    } 

} 

Wie kann ich das tun?

Gibt es eine Klasse oder ein Plugin, die es mir erlaubt, diese Dateien zu bekommen?

Answer 1

können Sie verwenden HTTP Anfrage erhalten Sie die Daten aus TXT-Datei. Sie können in Konstruktor oder Service schreiben

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