普通的html标签，如， ， 不是在一边渲染 离子

Question

我正在使用IONIC 3.19.1。

<ion-content padding>
<ion-list>
  <button ion-item *ngFor="let shift of shifts">
    <h2>{{shift.operatorCode}}</h2>
    <p>{{shift.date}}</p>
    <button>hi</button>
  </button>
</ion-list>
<ion-fab  right bottom>
  <button ion-fab [navPush]="shiftSetup"><ion-icon name="add"></ion-icon></button>
</ion-fab>
</ion-content>

在上面的代码片段中，<h2>{{shift.operatorCode}}</h2> <p>{{shift.date}}</p>是笔记渲染。请参阅附件。

谢谢。

Answer 1

您将HTML放在具有ion-item属性的按钮中。将其更改为仅使用ion-item元素，如果需要click处理，则可以使用绑定。

应该看起来像这样：

<ion-content padding>
<ion-list>
  <ion-item *ngFor="let shift of shifts">
    <h2>{{shift.operatorCode}}</h2>
    <p>{{shift.date}}</p>
    <button>hi</button>
  </ion-item>
</ion-list>
<ion-fab  right bottom>
  <button ion-fab [navPush]="shiftSetup"><ion-icon name="add"></ion-icon></button>
</ion-fab>
</ion-content>