gpt4 book ai didi

angular - NativeScript Angular ListView 渲染 [object 对象]

转载 作者:太空狗 更新时间:2023-10-29 18:26:10 25 4
gpt4 key购买 nike

我正在尝试在 Nativescript + Angular 中播放 ListView,但我无法呈现定义的模板。我的 ListView 显示的是 [object Object] 而不是模板。我总是得到那个结果。如果我的数组中的项目是一个字符串,文本显示在行上,如果它是一个对象,它坚持不显示我的模板并显示 [object Object]。

我得到的结果是这样的:

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>

最佳答案

我有同样的问题,我通过包含 import { NativeScriptModule } from "nativescript-angular/platform"来修复它;在包含列表的模块中。

关于angular - NativeScript Angular ListView 渲染 [object 对象],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41029860/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com