Заменить статический HTML-элемент редактируемым вводом - PullRequest
0 голосов
/ 04 декабря 2018

Что такое хитрость (css?) Для плавной замены статического элемента <span> редактируемым вводом (содержащим значение span), чтобы не было визуального сбоя - т.е. входное значение отображается идеальновыровнен с span textContent?

<input type="number" [ngModel]="myvalue" *ngIf="editMode; else static">{{value}}</span>
<ng-template #static>
  <span>{{myvalue}}</span> km
</ng-template>

Я думал о:

  1. На самом деле всегда всегда выполняется рендеринг ввода, только без рамки, но проблема возникает тогда со счетчиком вводастрелки - кажется, что нет никакого кросс-браузерного способа скрыть спиннер (когда он не в режиме редактирования), который мне нужен, и избежать смещения соседнего текста.

  2. contenteditable- Будет ли это безопасным для мобильных устройств?

Исходя из вашего опыта, что бы вы взяли?Есть еще идеи?

...