Ionic2：按鈕不會出現

我使用Ionic2，我用這個代碼，以使兩種離子鍵：Ionic2：按鈕不會出現

<ion-item> 
       <button item-end ion-button id="addToCart" color="secondary"> 
        Add To Cart 
       </button><br/> 
       <button item-end ion-button id="bottomIcon" clear icon-only> 
        <ion-icon name="md-trash"></ion-icon> 
       </button><br/> 
      </ion-item>

和CSS代碼：

#bottomIcon { 
    width: 25px; 
    height: 25px; 
    color: lightgray; 
    background-color: #F0F0F0; 
    border: 2px solid #F0F0F0; 
} 
#addToCart { 
    width: 85px; 
    height: 25px; 
}

，這是輸出：

有人知道這個問題嗎？並提前致謝

來源

2017-08-10 Al-shimaa Adel

* 「任何人都知道這個問題？」 *。我不知道，你能澄清嗎？第一張圖像是您的預期輸出，第二張圖像是您目前的輸出？你可以在Plunkr中重新創建嗎？ – Ivaro18

Sooo按鈕確實出現？什麼是問題？ – devqon

@ Ivaro18第一個圖像是Android設備的輸出，第二個是iOS設備的輸出 –

您可以嘗試此代碼。

在HTML

<ion-item (click)="select($event, item)"> 
    <div> 
    <h2>Sample</h2> 
    </div> 

    <ion-icon (click)="edit($event, item)" item-right name="create" ></ion-icon> 
    <ion-icon (click)="delete($event, item)" item-right name="trash"></ion-icon> 
    <ion-icon (click)="sync($event, item,i)" item-right name="sync"></ion-icon> 
</ion-item>

的頁面組件

select(event, item){ 
     //your code here 
     event.stopPropagation(); 
    } 
    edit(event, item){ 
     //your code here 
     event.stopPropagation(); 
    } 

    ... 
    ...

來源

2017-08-10 14:33:31

以上的圖片它不起作用，這不是我的問題，我的問題是，按鈕不按預期出現？ –

Ionic2：按鈕不會出現

回答

相關問題