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

Question

我正在使用 Ionic Framework. I started off with the standard ionic tabs starter project as described in the getting started guide. In a list I now want to put a divider 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"> 这很好用。我只是想知道这些 "magic" <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"> 的区别？

Difference between <ion-list> and <div class="list"> in Ionic framework?

html

tags

ionic-framework