离子头棒和离子头棒有什么区别？当我必须使用它们时？

Question

我是离子的新手。我遇到了以下两个指令： -

ion-header-bar和ionic-header-bar

我很困惑，当使用这些指令时？我试过和他们一起玩

    <ion-header-bar class="bar-balanced bar-subheader">
        <button class="button button-icon icon ion-chevron-left"></button>
        <h2 class="title">Sub Header</h2>
    </ion-header-bar>

它显示以下UI： -

但是，当我尝试

时

        <ionic-header-bar class=" bar-balanced bar-subheader">
            <button class="button button-icon icon ion-chevron-left"></button>
            <h2 class="title">Sub Header</h2>
        </ionic-header-bar>

UI更改为以下内容： - 那么，使用ionic-header-bar指令是什么？

提前致谢。

Answer 1

根据ionic framework docs，没有ionic-header-bar指令。以这种方式，没有使用它作为离子UI元素。它产生一个平面HTML元素。所有离子指令都以ion-元素标记开头。

<ion-header-bar class="bar-balanced bar-subheader"></ion-header-bar>

Answer 2

你已经看到了：

 <ionic-header-bar class=" bar-balanced bar-subheader">
 </ionic-header-bar>

我认为它不存在，正确的代码是：

<ion-header-bar class="bar-balanced bar-subheader">
</ion-header-bar>

（我同意林）