Ionic framework 如何使离子网格项目,双击可编辑

Ionic framework 如何使离子网格项目,双击可编辑,ionic-framework,ionic2,ionic3,ionic-view,ion-grid,Ionic Framework,Ionic2,Ionic3,Ionic View,Ion Grid,我想制作一个从MongoDB获取数据的Ionic表。双击一行,它应该是可编辑的。我尝试实现getElementById()。但爱奥尼亚不支持它。我建议您使用“按”而不是“双击”(因为默认情况下不支持) 您的解决方案将如下所示: Page.html: <ion-item> <ion-label stacked>Value:</ion-label> <ion-input [disabled]="!item.editable" [(ngMode

我想制作一个从MongoDB获取数据的Ionic表。双击一行,它应该是可编辑的。我尝试实现
getElementById()
。但爱奥尼亚不支持它。

我建议您使用“”而不是“双击”(因为默认情况下不支持)

您的解决方案将如下所示:

Page.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;
}

你可以通过长时间按压来实现这一点。浏览爱奥尼亚文档。