Wie kann ich die Ausweisnummer in Ionic 2 ändern?

Question

Ich möchte den Wert des Ausweises ändern. Die Werte und die IDs bekomme ich per HTTP-Aufruf perfekt in Json.

Im Innern der for, ich habe dies: val = items[key];

VAL der neue Wert für die Abzeichen und Artikel [key] sind die spezifischen Abzeichen zu ändern.

In jQuery, ich so tat:

$("#"+items[key]).text("").text(val); 

Und in Ionic 2, wie ich dies tun kann?

Die API funktioniert gut. Alle Werte werden korrekt zurückgegeben.

Mein userpage.html ist:

<ion-list> 
    <ion-item> 
     <ion-icon name="person" item-left></ion-icon> 
     Profiles 
     <ion-badge id="profiles_total" item-right>0</ion-badge> 
    </ion-item> 
    <ion-item> 
     <ion-icon name="create" item-left></ion-icon> 
     Blogs 
     <ion-badge id="blogs_total" item-right>0</ion-badge> 
    </ion-item> 
</ion-list> 

Mein userpage.ts dies hat:

var headers = new Headers(); 
headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
var r = new Promise(resolve => { 
    this.http.post('mobapi/mob.php?action=get_totals', {headers: headers}).subscribe(data => { 
     if(data.json().success){ 
      var items = data.json().items; 
      var key; 
      var val; 

      for (key in items) { 
       val = items[key]; 
      } 

      resolve(true); 
     } else { 
      resolve(false); 
     } 
    }); 
}); 

Dank!

Answer 1

ich meinen userpage.html wie folgt geändert:

Hinweis: ich später

<ion-list> 
    <ion-item *ngFor="let item of items"> 
     <ion-icon name="{{item.icon}}" item-left></ion-icon> 
     {{item.name}} 
     <ion-badge id="{{item.id}}" item-right>{{item.count}}</ion-badge> 
    </ion-item> 
</ion-list> 

In dem obigen Code, habe ich eine Schleife, mit diesem Parameter in dem Elemente erklären werde, dass ich wiederholen möchten: *ngFor="let item of items"

"item" is the variable that I created to access the data. 
"items" is the object created in code below. This variable contains all items to repeat. 

änderte ich meine TS Datei userpage.ts wie dies:

var headers = new Headers(); 
headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
var r = new Promise(resolve => { 
    this.http.post('mobapi/mob.php?action=get_totals', {headers: headers}).subscribe(data => { 
     if(data.json().success){ 
      this.items = data.json().items; 
      resolve(true); 
     } else { 
      resolve(false); 
     } 
    }); 
}); 

In dem obigen Code, sparte ich das Datenobjekt in den Variablen:

this.items = data.json().items; 

Diese Variablen im HTML verwendet werden, um die Schleife (*ngFor="let item of items") zu tun.

Eine wichtige Informationen:

Sie müssen die Variable items, unterhalb der offenen Klasse erklären, wie folgt aus:

export class UserPage { 
    items: any;