Ionic framework 如何使离子网格项目,双击可编辑
我想制作一个从MongoDB获取数据的Ionic表。双击一行,它应该是可编辑的。我尝试实现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
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;
}
你可以通过长时间按压来实现这一点。浏览爱奥尼亚文档。