Il codice seguente rappresenta l'apertura dei tag solitamenti presenti all'interno di una classica view in Ionic mostrante la barra del titolo (che è anche quella dove può essere presente o meno il bottone di Back):
<ion-view title="Home">
<ion-nav-title>
<img src="img/logo_header.png" class="logo-header">
</ion-nav-title>
<ion-content overflow-scroll="false" padding="false" scroll="false" class="has-header">
...
Per poter ottenere una view senza la barra in header sarà necessario in primo luogo rimuovere, se presente, l'elemento di tipo ion-nav-title (nell'esempio è quello che contiene il tag img per la visualizzazione del logo in header) a quel punto aggiungere gli attributi hide-nav-bar="true" e hide-back-button="true" al tag ion-view mentre al tag ion-content rimuovere la classe, se presente, class="has-header".
La situazione finale sarà simile alla seguente (l'attributo title a questo punto risulta ininfluente e potrebbe essere anch'esso rimosso):
<ion-view hide-nav-bar="true" hide-back-button="true" title="Home">
<ion-content overflow-scroll="false" padding="false" scroll="false">
...
Nessuno ha ancora commentato questo articolo, fallo tu per primo!
Scrivi un Commento