离子含量与离子集pipe棒重叠
我正在构build基于ionic framework的phonegap应用程序。 在一个html页面中，我需要一个头文件和一个内容，但头文件与内容重叠。 对不起，我没有足够的声誉来发布图像。
代码如下。 html页面与lib文件夹位于同一个文件夹中，其中包含离子css和js文件夹。
<html> <head> <meta charset="utf-8"> <title>Weather</title> <!-- Sets initial viewport load and disables zooming --> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <link rel="stylesheet" href="lib/css/ionic.css"> <script src="lib/js/ionic.bundle.js"></script> <script src="lib/js/angular/angular-resource.js"></script> </head> <body> <ion-header-bar class="bar bar-header bar-dark"> <h1 class="title">Settings</h1> <button class="button button-clear" ng-click="closeSettings()">Close</button> </ion-header-bar> <ion-content has-header="true"> <div class="padding"> <div class="list"> <label class="item item-input"> <span class="input-label">Units</span> <ion-radio-buttons ng-model="settings.tempUnits"> <button class="button button-positive button-radio" ng-value="'f'">°F</button> <button class="button button-positive button-radio" ng-value="'c'">°C</button> </ion-radio-buttons> </label> </div> </div> </ion-content> <!-- <ion-pane id="wrapper"> --> <!-- <ion-header-bar class="bar bar-header bar-dark"> <button class="button icon-left ion-chevron-left button-clear button-dark" onclick="goBack()">Back</button> <div class="title">xxx</div> <button class="button button-icon icon ion-navicon"></button> </ion-header-bar> </body> </html> 请参阅： http : //jsbin.com/pagacohovohe/1/edit
给class =“has-header”给ion-content。
<ion-content class="has-header"> </ion-content>
你需要初始化你的angular度的应用程序 – 请参阅我的例子的JavaScript。 注意ng-controller和ng-app。
与Ionic 2来到这里有同样的问题：导航栏重叠内容。 就我而言，这是因为我对离子含量有了一定的了解。 解决方法是将* ngIf移动到内部元素中，例如ng-container（Thanks @TwitchBronBron）：
<ion-header> <ion-navbar> <ion-title> ... </ion-title> </ion-navbar> </ion-header> <ion-content padding> <ng-container *ngIf="...">...</ng-container> </ion-content>
你可以尝试像这样设置'has-subheader'类
<ion-content class='has-header has-subheader'> ... </ion-content>
请参阅： http : //ionicframework.com/docs/components/#subheader
<ion-view view-title="BBS"> <ion-header-bar class="bar bar-subheader"> <div class="button-bar"> <a class="button">web game</a> <a class="button">mobile game</a> </div> </ion-header-bar> <ion-content class="has-header"> </ion-content> </ion-view>
在我的情况下，第一个有一个* ngIf数据基于用户angular色，我得到一个用户login后，我结束了这个项目后，login后不显示。 首次login后，数据存储在存储器中，然后显示项目。
