离子，列表视图，如电话联系人菜单答案

【问题标题】：Ionic, list view like phone contact menu离子，列表视图，如电话联系人菜单
【发布时间】：2018-01-24 14:18:58
【问题描述】：

我正在疯狂地寻找，但我没有找到任何东西。也许我用错误的术语搜索，有谁知道如何在离子中制作一个像这样的字母列表？特别是垂直字母？

PS：我不想要代码，我只想知道它的名称以便更多地搜索和学习！

谢谢！

【问题讨论】：

你有什么东西吗，我正在寻找类似的东西？
@Lara 不幸的是，Stack Overflow 并非设计用于指导，当需要回答一般问题时。您可能可以通过他们的网站、IRC 或电子邮件与外部 Ionic 用户取得联系。

标签： angular cordova ionic-framework ionic-view

【解决方案1】：

查看列表 -> 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>

【讨论】：