如何使用文本值编号/日期来标记 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>

array pakets fron JSON with value textValue = 'XXXX', numberValue = 3000, dateValue = '2016-06- 04'

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

它有什么问题？如何在 Label Nativescript 中使用名称或日期。

无论如何谢谢

Answer 1

我在测试应用程序中对此进行了测试；我有以下代码，非常接近未修改：这是 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;
};

它是这样的：从上面的数据可以看出，我有文本、数字、文本日期，第二条数据行有文本、数字和一个真实的日期字段。

Answer 2

CSS 上的问题。我补充说：

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

并且工作得很好。谢谢@nathanael 先生

如何使用文本值编号/日期来标记 Nativescript

How to user Label Nativescript with text value number / date

android

label

nativescript