如何制作離子網格項目，雙擊可編輯

Question

我想制作一個從 MongoDB 獲取數據的 Ionic 表。雙擊一行時，它應該是可編輯的。 我嘗試實現getElementById() 。 但它在 Ionic 中不受支持。

Answer 1

我建議您使用“按”而不是“雙擊”（因為默認情況下不支持）。

您的解決方案將如下所示：

頁面.html：

<ion-item>
    <ion-label stacked>Value:</ion-label>
    <ion-input [disabled]="!item.editable" [(ngModel)]="item.value" (press)="setEditable(item)"></ion-input>
</ion-item>

頁面.ts：

setEditable(item) {
    item.editable = true;
}

Page.scss（可選） ：

.text-input[disabled] {
    opacity: 1;
}