在Ionic框架中<ion-list>和<div class =““ list””>之间有什么区别?

时间:2018-08-10 10:07:31

标签: html ionic-framework

我是一个学习者,我想知道diff b / w ionic和HTML标签是什么,哪些标签对Hybrid移动开发应用程序很有用,有人可以建议我在以下两个代码下在我的移动应用程序中很好地工作,但是哪个标签最合适?

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

<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>

2 个答案:

答案 0 :(得分:0)

  

两者之间的区别是仅使用   css或扩展功能的指令。

     

以离子为前缀的指令,离子列表,离子项目等是有角度的   使您具有扩展功能(删除,   重新排序等)。   link

如此处所述,主要区别在于离子标签提供了更多功能,而除此之外。

答案 1 :(得分:0)

ion-list随附已应用的某些样式,因此您不必编写自定义CSS即可呈现外观。 ion-list还具有开箱即用的功能,使您可以快速组装原型。它还包括诸如滑动之类的功能,这些功能是用户在移动设备上执行的常规操作,因此开发人员无需编写自定义JavaScript即可启用此类功能。