Question

NativeScript新手在这里。尝试添加下拉菜单/组合框样式的小部件。 nativescript-drop-down看起来应该很近。 Demo运行正常，但插件在我们的应用程序中有两个问题。首先，选择项在选择器中显示为[object Object]，[object Object]，...，而不是：Item 1，Item 2，Item 3，...

第二，滚轮的内容在每个“行”中仅显示一个字符，因此，在[spinner]上方的[object Object]实际上显示为：

[
o
j
e
c
t

O
b
j
e
c
t
]
,
[
o
...

相关，如果我们仅将字符串而不是ValueItems存储到ValueList中，则会得到类似的结果，每个微调器“行”上只有一个字符（而不是一个项目）。

关键代码段：

从页面布局：

<DropDown row="0" col="2" class="time-button-selected" hint="Time?" items="{{ hourItems }}"></DropDown>

来自组件打字稿：



    <deletia...>


@Component({
    selector: "Order",
    templateUrl: "./order.component.html",
    styleUrls: ['./order.component.scss']
})

export class OrderComponent implements OnInit {

    <deletia...>

hourItems = new ValueList<string>();

constructor(private platformHelper: PlatformHelperService,
            private appStateService: AppStateService) {

    <deletia...>

    for (let loop = 0; loop < 20; loop++) { 
        let vi:ValueItem<string> = { value: `I${loop}`, display: `Item ${loop}`};
        this.hourItems.push(vi);
    }

}

    <deletia...>


}

任何建议将不胜感激！

NativeScript nativescript-drop-down无法正确读取列表项

0 个答案: