Ionic2：按钮没有出现

Question

我正在使用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;
}

这是输出：

谁知道这个问题？并提前感谢

Answer 1

您可以尝试使用此代码。

on 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();
    }

   ...
   ...