Как сделать элемент ионной сетки, редактируемый по двойному клику

Question

Я хочу создать ионную таблицу, которая извлекает данные из Mongodb. При двойном щелчке по строке это должно быть доступно для редактирования. Я попытался реализовать getElementById(). Но это не поддерживается в ионном. Пожалуйста, помогите.

Answer 1

Я советую вам использовать "нажать" вместо "двойного щелчка" (потому что не поддерживается по умолчанию).

Ваше решение будет выглядеть так:

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>

Page.ts:

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

Page.scss (опционально):

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