View aktualisiert nicht in Ionic 3.5

Question

Ich bin neu in Ionic und ich benutze Ionic 3.5 mit AngularIO, für mein Fall ist das Problem nach Ajax Anruf Ich bekomme die Daten vom Dienst, aber die Ansicht wird nicht aktualisiert Emulator. Obwohl die Ansicht in der Webversion korrekt gerendert wird. Hier ist meine Komponente und html

export class HomePage { 

    private tagService: TagService; 
    public tagData: any; 

    constructor(public navCtrl: NavController) { 
    this.tagService = new TagService(); 
    this.loadTags(); 
    } 

    private loadTags() { 
    this.tagService.getTagData().then((data)=>{ 
     this.tagData = data;alert(JSON.stringify(data)); 
    },()=>{ 
     alert("Error occured"); 
    }); 
    } 

} 

<ion-item *ngFor="let tag of tagData" (click)="tagClicked($event)" class="activity" color="positive" data-item="tag"> 
     {{tag.name}} 
     <ion-icon name="{{tag.icon}}" item-right></ion-icon> 
    </ion-item> 

Die Service-Methode ist hier

public getTagData() :Promise<Tag[]> { 
     let promise: Promise<Tag[]>; 
     promise = new Promise((resolve, reject)=>{ 
      $.ajax({ 
       url: "data/tag.data.json", 
       success: (data) => { 
        this.tags = data; 
        resolve(this.tags); 
       }, 
       error:() => { 
        reject(); 
       } 
      }); 
     }); 
     return promise; 
    } 

Answer 1

Ich glaube, Sie observable statt promise aus der loadTags Funktion zurückkehren. In diesem Fall melden Sie sich ein Ereignis statt mit then

private loadTags() { 
    this.tagService.getTagData().subscribe((data) => { 
     this.tagData = data; 
     alert(JSON.stringify(data)); 
    }, (error) => { 
     alert("Error occured"); 
    }) 
} 

nicht jquery ajax Syntaxen verwendet werden. verwenden Winkel 2 eingebauten Komponenten

public getTagData(): any { 

    return this.http.get("data/tag.data.jso") 
}