Ionic 框架中 <ion-list> 和 <div class="list"> 的区别？答案

【问题标题】：Difference between <ion-list> and <div class="list"> in Ionic framework?Ionic 框架中 <ion-list> 和 <div class="list"> 的区别？
【发布时间】：2015-03-18 11:25:42
【问题描述】：

我正在使用Ionic Framework 构建一个应用程序。我从the getting started guide 中描述的标准离子标签启动项目开始。我现在想在列表中添加一个分隔符as described here：

<div class="list">
  <div class="item item-divider"> <!-- this creates the divider -->
    Candy Bars
  </div>
  <a class="item" href="#">
    Butterfinger
  </a>
  ...
</div>

但令我惊讶的是，我列表中的预生成代码如下所示：

<ion-list>
  <ion-item class="item-toggle">
    Enable Friends
    <label class="toggle">
      <input type="checkbox" ng-model="settings.enableFriends">
      <div class="track">
        <div class="handle"></div>
      </div>
    </label>
  </ion-item>
</ion-list>

所以这让我想知道：<ion-list> 和 <div class="list"> 之间有什么区别（如果有的话）？

根据预先生成的代码，我尝试使用<ion-divider> 创建一个分隔符，但没有成功。所以我住在<div class="item item-divider">，效果很好。我只是想知道这些“神奇”的<ion-xxx> 标签和传统的<div class="xxx"> 标签有什么区别？

欢迎提供任何信息！

【问题讨论】：

标签： html tags ionic-framework

【解决方案1】：

我相信使用标准的 HTML 格式（例如 <div class="list">）将为您提供您正在寻找的所有 CSS 样式，但在某些情况下，使用 Ionic 指令将提供纯 HTML/CSS 可能缺少的额外功能.前往 Ionic 论坛查看this link，了解有关该主题的更多信息。

【讨论】：

【解决方案2】：

这取决于您的要求。如果您只需要显示一个列表，则使用 HTML ()，但是，如果您需要其他功能，如滑动、重新排列、编辑等，则使用 .

【讨论】：