ionic 列表

列表是一个应用广泛的界面元素，在所有移动app中几乎都会使用到。

列表可以是基本文字、按钮，开关，图标和缩略图等。

列表项可以是任何的HTML元素。容器元素需要list类，每个列表项需要使用item类。

ionList和ionItem可以很容易的支持各种交互方式，比如，滑动编辑，拖动排序，以及删除项。

基本用法:

    

      ...
    

列表分隔符

给列表加分隔符，其实直接用 item-divider 类就行。默认效果也很直观：列表项会通过不同的背景色和加粗字体被区分出来。当然，如果现成样式不完全符合需求，后续再做定制也并不麻烦。

    Candy Bars
  

    Butterfinger
  
...

带图标列表

我们可以在列表项的左侧或右侧指定图标。

item-icon-left 用来把图标放在左侧，item-icon-right 则负责把图标放到右侧。要是两边都需要显示图标，也很简单，把这两个类一起加上就行。

以下实例中，我们在列表项中使用了 标签，使得每个列表项可点击。

列表项在使用 或 元素时，如果右侧未添加图标，则会自动添加上箭头号。

实例中，第一项只有左侧图标，第二项左右均有图标，第三项有右侧图标（还有注释 item-note），第四项有badge（标记）元素。

    
    Check mail
  

    
    Call Ma
    
  

    
    Record album
    
      Grammy
    
  

    
    Friends
    0
  

按钮列表

使用 item-button-right 或 item-button-left 类将按钮放在列表项中。

    Call Ma