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>,但这不起作用.所以我居住在<div class="item item-divider">哪个工作正常.我只是想知道这些"魔术" <ion-xxx>标签和传统<div class="xxx">标签之间的区别是什么？

欢迎任何信息!

Answer 1

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