如何制作离子网格项，双击可编辑

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>

页面：

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

Page.scss(可选(：

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