Ionic framework 与输入组合时，ion项中的按钮不可见

我有一个

离子列表

要显示的食品项目，包装在

离子项目

中，每个项目都可以通过三个

输入

字段（名称、金额、单位）进行编辑，另外我想在行的左侧有一个删除

按钮

输入在

离子项中显示得很好，但我无法使
图标按钮显示为“垃圾箱”

如果我删除所有输入，按钮就会出现

我应该怎么做才能使两者都出现？可能吗

以下是普朗克：

代码：

<ion-content>

  <ion-list>
    <ion-item>

      <button ion-button icon-only clear small>
        <ion-icon name="trash"></ion-icon>
      </button>

      <ion-input type="text" value="peanut"></ion-input>
      <ion-input type="number" value="1"></ion-input>
      <ion-select>
        <ion-option>oz</ion-option>
        <ion-option>cup</ion-option>
        <ion-option>glass</ion-option>
        <ion-option>piece</ion-option>
      </ion-select>
    </ion-item>

  </ion-list>

</ion-content>


奥兹
杯子
玻璃
块
ion col
和
ion row
似乎有帮助，我想知道这是不是正确的方法

<ion-row>

  <ion-col>
    <button ion-button icon-only clear small>
      <ion-icon name="trash"></ion-icon>
    </button>

  </ion-col>

  <ion-col>
    <ion-input type="text" value="peanut"></ion-input>
  </ion-col>
  <ion-col>
    <ion-input type="number" value="1"></ion-input>
  </ion-col>
  <ion-col>
    <ion-select>
      <ion-option>oz</ion-option>
      <ion-option>cup</ion-option>
      <ion-option>glass</ion-option>
      <ion-option>piece</ion-option>
    </ion-select>
  </ion-col>
</ion-row>



奥兹
杯子
玻璃
块