AgularJS無法找到類型爲'object'的不同支持對象'[object Object]'並解析查詢

Question

因此，當我嘗試從我的分析查詢中提取數據並將其放入數組中時，最終出現此錯誤找不到一個不同的'object'類型的支持對象'[object Object]'。我的代碼爲Html和ts文件如下。我的模型文件也在下面。有沒有更好的方法在列表中顯示這些數據？

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

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

這是模板/接口

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

Answer 1

items是一個對象。離子virtualScroll需要數組在傳遞

你的意思做。

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