Nativescript JSオブジェクトでLIstPickerを使用する

Question

私はオブジェクト配列でListPickerを使用しようとしています。リストはすべての要素に対して[object Object]というラベルで表示されます。

私はlistpickerの "ラベル"として使用するプロパティを指定したいと思います。

残念ながらNativescript ListPickerのみ文字列の配列を受け取り、ラベルのtoString（呼び出すように私は私のオブジェクトの配列を使用することはできません）

私は、に基づいて、代替解決策を見つけた：https://github.com/NativeScript/NativeScript/issues/1677

私のアプリを購入私は上記の提案されたアプローチを使用する方法がないので、ページルータ出口を使用し、要素を使用しません。このシナリオを考えれば、オブジェクト配列でListPickerを使用する方法や、Page要素の読み込みイベントに依存しない回避策はありますか？

Answer 1

ロードされたイベントをまったく使用する必要はありません。単にtoStringメソッドをオーバーライドし、ListPickerにアイテムを渡す：ピッカーへ

public countries: any[] = [ 
    { 
     value: 0, 
     name: 'Sweden', 
     toString:() => { 
     return 'Sweden'; 
     } 
    }, 
    { 
     value: 1, 
     name: 'Denmark', 
     toString:() => { 
     return 'Denmark'; 
     } 
    }, 
    { 
     value: 2, 
     name: 'Norway', 
     toString:() => { 
     return 'Norway'; 
     } 
    }, 
    { 
     value: 3, 
     name: 'Finland', 
     toString:() => { 
     return 'Finland'; 
     } 
    }, 
    { 
     value: 4, 
     name: 'Iceland', 
     toString:() => { 
     return 'Iceland'; 
     } 
    }, 
    ]; 

パス全角：

<ListPicker [items]="countries"></ListPicker>