Ionic framework 如何更改爱奥尼亚2中的徽章编号？

我想改变徽章的价值。 我通过HTTP调用在Json中获得的值和Id是完美的

在的

中，我有这样一个：
val=items[key]

VAL是徽章的新值，项[键]是要更改的特定徽章

在jQuery中，我喜欢这样：

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

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);
        }
    });
});

export class UserPage {
    items: any;

在离子2中，我该怎么做

API运行良好。所有值都正确返回

My
userpage.html
is:

<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>

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);
        }
    });
});

谢谢
 我更改了我的
userpage.html
如下：

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

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);
        }
    });
});

export class UserPage {
    items: any;

注：我稍后会解释

我更改了我的TS文件
userpage.TS
如下：

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

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);
        }
    });
});

export class UserPage {
    items: any;

在上面的代码中，我将数据对象保存在变量中：

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

此变量在HTML中用于执行循环（
*ngFor=“let item of items”
）

一个重要信息：

您需要在open类下面声明变量
items
，如下所示：

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

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);
        }
    });
});

export class UserPage {
    items: any;