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：按钮不会出现

回答

相关问题