Ionic v2 wie man ein Logo in die Kopfzeile einfügt

Question

Wie kann man ein Logo in die Kopfzeile von ionic v2 einfügen?

<ion-header> 

    <ion-navbar> 
    <ion-title></ion-title> 
    </ion-navbar> 

</ion-header> 

Answer 1

<ion-header> 

    <ion-navbar> 
    <ion-title> 
<img alt="logo" height="40" src="img/logo.png" > 
</ion-title> 
    </ion-navbar> 

</ion-header> 

Headers in Ionic haben eine Höhe von 44px. Sie müssen also sicherstellen, dass das Logo weniger groß ist.

.title-image { 
    margin-top: 8px; 
    height: 27px; 
} 

Answer 2

einfach wie diese. Verwendung:

<img alt="logo" height="40" src="img/logo.png" > 

und:

<ion-header> 
<ion-navbar> 
    <ion-title> 
    <img alt="logo" height="40" src="img/logo.png" > 
    </ion-title> 
</ion-navbar> 
</ion-header>