Ionic框架中<ion-list>和<div class =“list”>之间的区别？

Question

我正在使用Ionic Framework构建应用程序。 我开始使用标准离子选项卡启动项目，如入门指南中所述 。 在列表中，我现在想要放置一个如下所述的分隔符：

<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>创建一个分隔<ion-divider> ，但这不起作用。 所以我住在<div class="item item-divider"> ，它工作正常。 我只是想知道这些“magic” <ion-xxx>标签与传统<div class="xxx">标签之间的区别是什么？

欢迎任何信息！

Answer 1

我相信使用标准的HTML格式如<div class="list">将为您提供所需的所有CSS样式，但在某些情况下使用Ionic指令将提供纯HTML可能缺少的其他功能/ CSS。 有关此主题的更多信息，请查看此链接到Ionic论坛。

Answer 2

这取决于您的要求。 如果您只需要显示列表然后使用HTML（），但是，如果您需要其他功能，如滑动，重新排列，编辑等，然后使用。