使用 *ngFor (Angular2) 显示 Parse.com 数据

Question

抱歉英语不好我是法国人

我使用 Ionic 2 Angular 2 和 Parse.com 构建了一个应用程序。几天前我在使用 Ionic 1，我的代码没有问题。

当我使用 Parse 进行查询时，数据没有显示在我的 HTML 上，我不明白为什么。

这是我的 JS :

        var Tiers = Parse.Object.extend("Tiers");
        var queryObject = new Parse.Query(Tiers);
        var lesTiers = new Array();

        //queryObject.equalTo("isActive", true);

        queryObject.find({
            success: function (results) {
                for (var i = 0; i < results.length; i++) {
                    tiers = results[i];
                    lesTiers[i] = {
                        nom: tiers.get('nomTiers'),
                        prenom: tiers.get('prenTiers')
                    };
                }
                console.log(lesTiers);
                this.lestiers = lesTiers;
            },
            error: function (error) {
                alert("Error: " + error.code + " " + error.message);
            }
        });

这是我的 HTML :

    <ion-list>
        <ion-item *ngFor="#tiers of lestiers">
            {{tiers.nom}} {{tiers.prenom}}
        </ion-item>
    </ion-list>

============================================= ======================

我的查询很好，它 returns 一个对象数组。当我尝试用数组替换空洞请求时，我会像这样构建自己：

this.lestiers = [
        {nom: 'chien', prenom: 1},
        {nom: 'chat', prenom: 2},
        {nom: 'oiseau', prenom: 3},
        {nom: 'poisson', prenom: 4},
        {nom: 'lezard', prenom: 5}
    ];

效果很好。然后，我想这一行：

this.lestiers = 莱斯泰尔；

不起作用。看来我在这条线上丢失了所有数据。

也许我忘记了一些重要的事情？

Answer 1

我建议尝试以下方法：

使用 push 方法将元素添加到数组中
保存组件 this 以在文字对象中使用它（在函数 success, ... 中）。我认为此级别的 this 关键字不是来自组件的关键字，而是来自文字对象的关键字

使用 *ngFor (Angular2) 显示 Parse.com 数据

Display Parse.com datas with *ngFor (Angular2)

javascript

parse-platform

ionic2

angular