Cambia il titolo della scheda di ion-nav-bar in immagine - quadro ionico

Im utilizzando framework ionico per sviluppare app mobili. Ora mi sto concentrando sullo sviluppo di Android. Voglio rendere la barra di navigazione del quadro ionico come l'immagine qui sotto. enter image description here Cambia il titolo della scheda di ion-nav-bar in immagine - quadro ionico

E 'un tag chiamato ion-view e attribuire title

<ion-view title='TITLE'>

Ora la barra di navigazione si presenta come di seguito un'immagine

enter image description here

Come posso aggiungere un'immagine a barra di navigazione?

fonte

2014-09-15 Dino

è possibile includere nel html l'attributo title, quindi tutto quello che dovete fare è qualcosa di simile:

<ion-view title="<i class='icon ion-ios7-lightbulb-outline'></i> TITLE">

Ecco una demo: http://codepen.io/anon/pen/AcKqk

fonte

2014-09-16 00:47:57 user1234

ha funzionato. Posso usare il tag immagine nel titolo? – Dino

Sì! Per me è stato più semplice usare un'icona nell'esempio. – user1234

In ionic 1.3 dovresti usare la direttiva 'ion-nav-title' (vedi [doc] (https://ionicframework.com/docs/api/directive/ionNavTitle/)). In caso contrario, il titolo della finestra avrà HTML non elaborato. –

Cambia il titolo della scheda di ion-nav-bar in immagine - quadro ionico

risposta

Problemi correlati