如何使用带有文本值编号/日期的Nativescript标签

Question

我想显示来自bindingcontex数组的数字或日期。使用此代码：

<ListView items="{{ pakets }}" itemTap="onTap">
    <ListView.itemTemplate>
        <grid-layout rows="220, *, *, *" columns="*" id="cardReport" tap="goReport">
            <image row="0" src="{{ foto }}" stretch="aspectFill"/>
            <Label row="1" text="{{ textValue }}" />
            <Label row="2" text="{{ numberValue }}" />
            <Label row="3" text="{{ dateValue }}" />
        </grid-layout>
    </ListView.itemTemplate>
</ListView>

数组pakets fron，值为textValue = 'XXXX'，numberValue = 3000，dateValue = '2016-06-04‘

numberValue和dateValue都不显示，但textValue显示在屏幕上。

有什么问题吗？如何在标签Nativescript中使用名称或日期。

不管怎样，谢谢

Answer 1

CSS的问题。我补充如下：

label {
    font-family: 'Roboto', Roboto;
}

还有工作。谢谢@nathanael先生

Answer 2

我在一个测试应用程序中测试了这一点；我有以下代码，非常接近于未经修改的代码:以下是XML：

<Page id="Page" onloaded="pageLoaded" class="">
    <ListView items="{{ pakets }}" itemTap="onTap">
        <ListView.itemTemplate>
            <grid-layout rows="220, *, *, *" columns="*" id="cardReport" tap="goReport">
                <image row="0" src="{{ foto }}"  stretch="fill"/>
                <Label row="1" text="{{ textValue }}" />
                <Label row="2" text="{{ numberValue }}" />
                <Label row="3" text="{{ dateValue }}" />
            </grid-layout>
        </ListView.itemTemplate>
    </ListView>
</Page>

下面是JavaScript：

var Observable = require('data/observable').Observable;
var myData = new Observable();

exports.pageLoaded = function(args) {
    var page = args.object;
    myData.pakets = [
        {foto: '~/SO587/nslogo.png', textValue: 'Text', numberValue: 2330, dateValue: '2016-01-01'},
        {foto: '~/SO587/gswn.png', textValue: 'Text', numberValue: 2230, dateValue: new Date()},
    ];
    page.bindingContext = myData;
};

下面是它的样子:从上面的数据可以看到，我有文本，数字，文本日期，第二个数据线有文本，数字和一个真实的日期字段。

​

​