ListView NativeScript打印[对象对象]

时间:2016-06-02 23:55:10

标签: listview nativescript

我正在尝试使用NativeScript的ListView标记,而我显然不了解如何使用它。

在我的HTML模板页面中,我有以下代码段

<ListView items="{{someArray}}">
    <ListView.template>
         <Label text="{{name}}"></Label>
    </ListView.template>
</ListView>

我的数组中有一个(最终会有更多)对象,其格式如下:

array = [
    {
        name: 'A name',
        match: false,
    }
];

当我编译它时,我会在我的模拟器上显示以下内容

screenshot

显示的[object Object]是我传入items = {{}}的数组。我尝试将JSON.stringify(someArray)传递给项目,只是为了看看会发生什么,并且它在自己的行上显示每个字符 - 这是有道理的,字符串只是一个字符数组。我无法弄清楚如何实际循环遍历数组。

我的代码基于https://docs.nativescript.org/cookbook/ui/list-view#define-the-listview-itemtemplate-property,但我显然不明白我在读什么,因为这不是理想行为。

我知道我可以渲染一个WebView,但我宁愿理解我做错了什么。

我在测试页面上尝试了这个,在页面上我没有除ListView之外的任何东西,我仍然得到相同的结果..

1 个答案:

答案 0 :(得分:2)

我正在阅读错误的文档而不使用Angular 2语法

<ListView col="1" row="1" [items]="someArray">
     <template let-item="item">
           <Label [text]="item.name"></Label>
     </template>
</ListView>

修正了它。

相关问题