在另一个离子内容物中具有离子窗格导致不显示内部离子窗格

Question

我正在尝试将ion-pane放在另一个ion-pane中，并使用页眉和页脚。问题是内部窗格被困在没有高度的div元素内，因此根本没有显示。这是我的标签：

<ion-pane>
    <ion-header-bar class="bar-positive">
        <h1 class="title">Demo</h1>
    </ion-header-bar>

    <ion-content>
<!-- invisible tags { -->
        <ion-pane>
        <ion-header-bar>
            <h1 class="title">Log on form</h1>
        </ion-header-bar>
        <ion-content>
            <form ng-submit="doLogin()">
            <div class="list">
                <label class="item item-input">
                <span class="input-label">Username:</span>
                <input type="text" ng-model="loginData.username">
                </label>
                <label class="item item-input">
                <span class="input-label">Password:</span>
                <input type="password" ng-model="loginData.password">
                </label>
                <label class="item">
                <button class="button button-block button-positive" type="submit">Log on</button>
                </label>
            </div>
            </form>
        </ion-content>
        </ion-pane>
<!-- invisible tags } -->
    </ion-content>

    <ion-footer-bar class="bar-stable">
        <a class="button button-clear" ui-sref="terms">Terms</a>
        <a class="button button-clear" ui-sref="about">About</a>
        <a class="button button-clear" ui-sref="contact">Contact</a>
    </ion-footer-bar>
</ion-pane>

我正在测试 Ionic 1.2.13 。