我正在尝试使用NativeScript的ListView标记,而我显然不了解如何使用它。
在我的HTML模板页面中,我有以下代码段
<ListView items="{{someArray}}">
<ListView.template>
<Label text="{{name}}"></Label>
</ListView.template>
</ListView>
我的数组中有一个(最终会有更多)对象,其格式如下:
array = [
{
name: 'A name',
match: false,
}
];
当我编译它时,我会在我的模拟器上显示以下内容
显示的[object Object]是我传入items = {{}}的数组。我尝试将JSON.stringify(someArray)传递给项目,只是为了看看会发生什么,并且它在自己的行上显示每个字符 - 这是有道理的,字符串只是一个字符数组。我无法弄清楚如何实际循环遍历数组。
我的代码基于https://docs.nativescript.org/cookbook/ui/list-view#define-the-listview-itemtemplate-property,但我显然不明白我在读什么,因为这不是理想行为。
我知道我可以渲染一个WebView,但我宁愿理解我做错了什么。
我在测试页面上尝试了这个,在页面上我没有除ListView之外的任何东西,我仍然得到相同的结果..
答案 0 :(得分:2)
我正在阅读错误的文档而不使用Angular 2语法
<ListView col="1" row="1" [items]="someArray">
<template let-item="item">
<Label [text]="item.name"></Label>
</template>
</ListView>
修正了它。