AgularJS 'object'型の異なるオブジェクト 'object'を見つけることができません。構文解析クエリ

Question

私の解析クエリからデータを取得して配列に配置しようとすると、このエラーが発生します。オブジェクト 'object'のサポートオブジェクト '[object Object]'が異なります。 HTMLとtsファイルのMy Codeは以下の通りです。私のモデルファイルも以下にあります。このデータをリストに表示するより良い方法はありますか？

HTML：

<ion-header> 

<ion-navbar> 
<ion-title button-right>Trade</ion-title> 
    <ion-buttons end> 
    <button ion-button icon-only (click)="addTrade()"> 
    <ion-icon name="add"></ion-icon> 
    </button> 
</ion-buttons> 
</ion-navbar> 

</ion-header> 
<ion-content> 
<ion-searchbar (ionInput)="getItems($event)"></ion-searchbar> 
<ion-list [virtualScroll]="items">  
    <ion-item *virtualItem="let item"> 
    {{ item.offering }} {{item.needs}} 
    </ion-item> 
</ion-list> 
</ion-content> 

と私のTSこれは、テンプレート/インターフェース

export interface Items{ 
offering: string[]; 
needs: string[]; 
} 

Answer 1

itemsがオブジェクトである

import { Component } from '@angular/core'; 
import { NavController, NavParams, AlertController } from 'ionic-angular'; 
import { Items} from "../../trade-model"; 
var Parse = require('parse'); 

/* 
Generated class for the Trade page. 

See http://ionicframework.com/docs/v2/components/#navigation for more info on 
Ionic pages and navigation. 
*/ 
@Component({ 
selector: 'page-trade', 
templateUrl: 'trade.html' 
}) 
export class TradePage { 
searchQuery: string = '' 
items: Items ={ 
offering: [], 
needs: [] 

} 


constructor(public navCtrl: NavController, public navParams: NavParams, public alertCtrl: AlertController) { 

Parse.initialize('blankedout','unused', "blankedout"); 
Parse.serverURL = 'blankedout'; 


} 
ionViewWillEnter(){ 
this.initializeItems() 
} 

ionViewWillLeave(){ 

} 
initializeItems() { 
var this_ref = this 
var Trade = Parse.Object.extend("Trade") 
var query = new Parse.Query(Trade); 
query.find({ 
    success: function(trades) { 
    for (var i = 0; i < trades.length; i++) { 
    this_ref.items.offering = trades[i].get("offer") 
    this_ref.items.needs = trades[i].get("wants") 
    } 
    } 
}); 
} 
} 

を提出。イオンvirtualScrollが渡される配列を必要と

あなたがするわけでください：。

<ion-list [virtualScroll]="items.offering">  
    <ion-item *virtualItem="let item"> 
    {{ item}}  
    </ion-item> 
</ion-list>