ion-content 的内容进入 ion-header-bar

Question

我是离子框架的新手。当我这样使用 ion-content 时

<ion-view>
    <ion-header-bar class="bar bar-header bar-positive">
        <div class="buttons">
            <button class="button" ng-click="doSomething()">Left Button</button>
        </div>
        <h1 class="title">Title!</h1>
        <div class="buttons">
            <button class="button">Right Button</button>
        </div>
    </ion-header-bar>
    <ion-content class="has-header">
        <div class="row">
            <div class="col">
                <i class="fa fa-university"></i>
            </div>
            <div class="col">.col</div>
            <div class="col">.col</div>
        </div>
        <div class="row">
            <div class="col">.col</div>
            <div class="col">.col</div>
            <div class="col">.col</div>
        </div>
    </ion-content>
</ion-view>

第一行进入 header 栏。有什么问题？

我已经使用 requirejs 加载控制器。

Answer 1

我没有在引导过程中注入 ionic 模块。

在模块中注入 ionic 后，这个问题就解决了。

ion-content 的内容进入 ion-header-bar

content of ion-content go inside ion-header-bar

requirejs

ionic-framework

ionic