イオニック、電話の連絡先のようなリストビュー

Question

私は狂ったように探していて、何も見つかりませんでした。たぶん私は間違った用語で検索しています、誰もこのようなアルファベット順のリストをイオンで作る方法を知っていますか？特に縦書きの文字は？

PS：私は、コードをしたくない、私はちょうどについての詳細を検索し、学ぶために、それの名前を知りたいです！

ありがとうございました！

Answer 1

Lists - > List Dividers on https://ionicframework.com/docs/components/#list-dividersをご覧ください。これはあなたのスクリーンショットに表示された内容のほとんどです。ここで

がhttps://github.com/ionic-team/ionic-preview-app/blob/master/src/pages/lists/dividers/template.html

<ion-header> 
    <ion-navbar> 
    <ion-title>List Dividers</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 

    <ion-item-group> 
     <ion-item-divider color="light">A</ion-item-divider> 
     <ion-item>Angola</ion-item> 
     <ion-item>Argentina</ion-item> 
     <ion-item>Armenia</ion-item> 
     <ion-item>Australia</ion-item> 
     <ion-item>Austria</ion-item> 
    </ion-item-group> 

    <ion-item-group> 
     <ion-item-divider color="light">B</ion-item-divider> 
     <ion-item>Bangladesh</ion-item> 
     <ion-item>Belarus</ion-item> 
     <ion-item>Belgium</ion-item> 
     <ion-item>Bhutan</ion-item> 
     <ion-item>Bolivia</ion-item> 
     <ion-item>Brazil</ion-item> 
    </ion-item-group> 

    <ion-item-group> 
     <ion-item-divider color="light">C</ion-item-divider> 
     <ion-item>Cambodia</ion-item> 
     <ion-item>Cameroon</ion-item> 
     <ion-item>Canada</ion-item> 
     <ion-item>Chile</ion-item> 
     <ion-item>China</ion-item> 
     <ion-item>Colombia</ion-item> 
     <ion-item>Costa Rica</ion-item> 
     <ion-item>Cuba</ion-item> 
     <ion-item>Cyprus</ion-item> 
     <ion-item>Czech Republic</ion-item> 
    </ion-item-group> 

</ion-content>