navbarの動的ボタンが正しく表示されない

Question

navbarの動的ボタンに問題があります。

<ion-header> 
    <ion-navbar> 
     <button menuToggle> 
      <ion-icon name="menu"></ion-icon> 
     </button> 
     <ion-title>{{action.name}}</ion-title> 

     <ion-buttons end> 
      <button *ngIf="view.searchable"> 
       <ion-icon name="search"></ion-icon> 
      </button> 
      <button *ngIf="view.creatable"> 
       <ion-icon name="create"></ion-icon> 
      </button> 
      <button (click)="showMenu($event)"> 
       <ion-icon name="more"></ion-icon> 
      </button> 
     </ion-buttons> 
    </ion-navbar> 
</ion-header> 

出力：

助けてくださいここでは、コードです。ありがとう！

Answer 1

何らかの理由で*ngIfがその問題を引き起こしています（削除してボタンを正しく表示できます）。私が代わりに直接buttonのion-buttons要素に*ngIfをバインド

<ion-header> 
    <ion-navbar> 
     <button menuToggle> 
      <ion-icon name="menu"></ion-icon> 
     </button> 
     <ion-title>{{action.name}}</ion-title> 

     <ion-buttons *ngIf="view.searchable" end> 
      <button> 
       <ion-icon name="search"></ion-icon> 
      </button> 
     </ion-buttons> 
     <ion-buttons *ngIf="view.creatable" end> 
      <button> 
       <ion-icon name="create"></ion-icon> 
      </button> 
     </ion-buttons> 
     <ion-buttons end> 
      <button (click)="showMenu($event)"> 
       <ion-icon name="more"></ion-icon> 
      </button> 
     </ion-buttons> 
    </ion-navbar> 
</ion-header> 

お知らせ：それを解決するために、あなたはこのようにそれを変更することができます。このworking plunkerをご覧ください。