Ionic - 无法点击subheader

时间:2015-10-01 12:08:10

标签: android frameworks ionic

我的子标题存在问题,这是一个搜索栏,位于此i标签下。 我可以点击我的标签,但不能点击横杆,我不知道为什么......

这是我的观点:

<ion-header-bar class="bar bar-subheader bar-positive padding item-input-inset">

    <label class="item-input-wrapper">
        <i class="icon ion-ios7-search placeholder-icon"></i>
        <input type="search" placeholder="Recherche" ng-model="searchFilter" autocorrect="off" ng-change="scrollTop()">
    </label>
    <button class="button button-clear" ng-click="searchFilter=''">
        Annuler
    </button>

</ion-header-bar>

<ion-nav-view>
    <ion-tabs class="tabs-top tabs-striped">
        <ion-tab title="Ok" class="balanced">
            <ion-nav-view name="tab-problems" class="">
                <ion-content class="">

                    <h1>Test 1</h1>

                </ion-content>
            </ion-nav-view>
        </ion-tab>
        <ion-tab title="Warning" class="energized">
            <ion-nav-view name="tab-problems" class="">
                <ion-content class="">

                    <h1>Test 2</h1>

                </ion-content>
            </ion-nav-view>
        </ion-tab>

    </ion-tabs>
</ion-nav-view>

编辑:

当我有这个:

<ion-nav-view has-header="true" has-tabs="true">
    <ion-tabs class="tabs-top tabs-striped">
        <ion-tab title="Critique" class="assertive">
            <ion-nav-view name="tab-problems" class="">
                <ion-content class="">
                    <ion-refresher
                                   pulling-text="Mettre à jour..."
                                   on-refresh="doRefresh()">
                    </ion-refresher>

                    <h1>test</h1>

                </ion-content>
            </ion-nav-view>
        </ion-tab>
    </ion-tabs>
</ion-nav-view>

我可以看到内容,但是当我这样做时,我无法点击搜索:

    <ion-content>
    <ion-nav-view has-header="true" has-tabs="true">
        <ion-tabs class="tabs-top tabs-striped">
            <ion-tab title="Critique" class="assertive">
                <ion-nav-view name="tab-problems" class="">
                    <ion-content class="">
                        <ion-refresher
                                       pulling-text="Mettre à jour..."
                                       on-refresh="doRefresh()">
                        </ion-refresher>

                        <h1>test</h1>

                    </ion-content>
                </ion-nav-view>
            </ion-tab>
        </ion-tabs>
    </ion-nav-view>
</ion-content>

我无法看到标题,但我可以点击搜索。

0 个答案:

没有答案