Ionic2：私は例のアプリ（メニュー）をimportet、メニューにアイコン&テキスト付きのボタンを追加しました

Question

メニュー・ボタン内部のアイコンがカットされています

<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>