离子标签的最佳实践

Question

我对离子框架中的标签使用有点困惑。如果您在CSS components下查看他们的文档，您会看到他们使用具有特定类选择的现有标记（特别是div）来实现格式化，就像您期望从像bootstrap这样的东西。例如：

<div class="bar bar-header bar-light">
  <h1 class="title">bar-light</h1>
</div>

但是，如果按照code samples进行操作，则会看到他们使用自定义离子标签。例如：

<ion-header-bar class="bar-assertive">
  <h1 class="title">Left Menu</h1>
</ion-header-bar>

使用自定义离子标签的相同做法在他们的guide以及我在离子上发现的复数教程中使用。

那么这里发生了什么？如果两种方法完成相同的事情，哪一种被认为是最佳实践？

Answer 1

Ionic Framework，如site所述，是：

  

Ionic既是CSS框架又是Javascript UI库。许多   组件需要Javascript以产生魔法，虽然经常   无需通过框架编码即可轻松使用组件   扩展，例如我们的AngularIonic扩展。

使用CSS Components，您只需将CSS样式应用于HTML页面即可。

使用Ionic指令时，您使用功能齐全的JavaScript组件，并且可以访问框架提供的API。

为了更好地理解你应该深入了解AngularJs directives的差异。

以列表为例。您可以使用HTML ul li创建一个简单的list：

<ul class="list">
    <li class="item">
      ...
    </li>
</ul>

但是如果您使用directive：

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>

您可以访问框架提供的扩展功能（请参阅页面底部的API）。

我倾向于大多数时候都使用指令，除非我知道我不想与界面进行任何形式的交互。