Nativescript + AngularでListViewを再生しようとしていますが、定義したテンプレートをレンダリングできません。私のリストビューはテンプレートの代わりに[オブジェクトオブジェクト]を表示しています。私はいつもその結果を得る。私の配列内の項目がStringの場合は、その行にテキストが表示されます。オブジェクトの場合は、テンプレートを表示せずに[object Object]を表示することを主張します。NativeScript Angular ListViewレンダリング[オブジェクトオブジェクト]
私が得る結果がこれです:以下
私のコードは
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>
ここでは質問に英語を使用してください... –
@DawidZbiński私は今すぐ翻訳しました –
あなたのコードを見て、これは期待どおりに動作するはずです。これを参考にしてくださいhttps://github.com/NativeScript/nativescript-sdk- examples-ng/blob/master/app/ui-category/listview/creating-listview/creating-listview.component.tsまた、すべての角度関連の依存関係のpackage.jsonバージョンを確認し、アプリケーションを再構築します。 –