离子标签的最佳实践-Java 学习之路

我对离子框架中的标签使用有点困惑 . 如果您在CSS components下检查他们的文档，那么'll see they use existing tags (particularly div) with a specific class choice to achieve formatting, just like you'期望来自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以及我在离子上发现的复数教程 .

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

1 回答

2
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） .

我倾向于大多数时候使用指令，除非我知道我不希望与界面进行任何形式的交互 .
回复于 2024-05-04T10:32:47+08:00

离子标签的最佳实践

1 回答

相关问题