Question

我正在使用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">标签之间的区别是什么？

欢迎提供任何信息！

Answer 1

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

Answer 2

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

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

2 个答案: