2016-12-08 15 views
3

Nativescript + AngularでListViewを再生しようとしていますが、定義したテンプレートをレンダリングできません。私のリストビューはテンプレートの代わりに[オブジェクトオブジェクト]を表示しています。私はいつもその結果を得る。私の配列内の項目がStringの場合は、その行にテキストが表示されます。オブジェクトの場合は、テンプレートを表示せずに[object Object]を表示することを主張します。NativeScript Angular ListViewレンダリング[オブジェクトオブジェクト]

私が得る結果がこれです:以下

enter image description here

私のコードは

eventos.component.ts

import {Component, OnInit, ChangeDetectionStrategy, Input} from '@angular/core'; 


@Component({ 
    selector: "PrincipalEventosListView", 
    templateUrl: "pages/principal/eventos/eventos.component.html", 
    changeDetection: ChangeDetectionStrategy.OnPush, 
}) 

export class PrincipalEventosComponent { 

    public registros: Array<any>; 

    constructor() { 

     this.registros = []; 
     this.registros.push({tipo: "Teste 1"}); 
     this.registros.push("String no lugar de objeto."); 
     this.registros.push({tipo: "Teste 3"}); 
     this.registros.push(123); 
     this.registros.push({tipo: "Teste 4"}); 
    } 

} 

eventos.component.html

です
<GridLayout> 

<ListView [items]="registros"> 
    <template let-item="item"> 
     <Label [text]="item.tipo"></Label> 
    </template> 
</ListView> 

+1

ここでは質問に英語を使用してください... –

+0

@DawidZbiński私は今すぐ翻訳しました –

+1

あなたのコードを見て、これは期待どおりに動作するはずです。これを参考にしてくださいhttps://github.com/NativeScript/nativescript-sdk- examples-ng/blob/master/app/ui-category/listview/creating-listview/creating-listview.component.tsまた、すべての角度関連の依存関係のpackage.jsonバージョンを確認し、アプリケーションを再構築します。 –

答えて

4

私が "nativescript-角度/プラットフォーム" からインポート{NativeScriptModule}を含めることによってそれを修正する、同じ問題がありました。リストを含むモジュールで

+0

あなたは私の一日を救った。ありがとうございました.... :) –

関連する問題