Ionic2: Иконка в меню кнопки разрезают

Question

Я importet пример приложения (меню) и добавили кнопку со значком & текста в меню:

<ion-menu [content]="content"> 

    <ion-header> 
    <ion-toolbar> 
     <ion-title>Pages</ion-title> 
    </ion-toolbar> 
    </ion-header> 

    <ion-content> 
    <ion-list> 
     <ion-item-divider></ion-item-divider> 
     <button ion-item icon-left (click)="logout()"> 
     <ion-icon name="log-out"></ion-icon> 
     Logout 
     </button> 
    </ion-list> 
    </ion-content> 

</ion-menu> 

<ion-nav #content [root]="rootPage"></ion-nav> 

К сожалению, это приводит к не полностью показанной иконы (Я проверить мое приложение в Chrome)

Answer 1

вы должны использовать атрибут элемент левый на ионном значок

<ion-menu [content]="content"> 

    <ion-header> 
    <ion-toolbar> 
     <ion-title>Pages</ion-title> 
    </ion-toolbar> 
    </ion-header> 

    <ion-content> 
    <ion-list> 
     <ion-item-divider></ion-item-divider> 
     <button ion-item icon-left (click)="logout()"> 
     <ion-icon item-left name="log-out"></ion-icon> 
     Logout 
     </button> 
    </ion-list> 
    </ion-content> 

</ion-menu> 

<ion-nav #content [root]="rootPage"></ion-nav>