Próbuję zrobić do projektu element, który będzie contenteditable i będzie dał się bindować przez ngModel do formularza. Znalazłem przykład https://plnkr.co/edit/inTdYPt2Qee3gPjDYEXD?p=preview , który działa, ale mam z nim jeden problem. Wszystko działa o ile zainicjuję moje nowe pole jakąś wartością początkową (linia 67). Jeżeli natomiast pozostawię je jako pustą wartość to wpisując do mojego pola jakieś litery pojawiają się one podwójnie. Proszę o pomoc, bo na tym etapie nauki Angulara nie jestem w stanie tego rozwikłać.
0
0
Po usunięciu interpolacji w linii 11 wpisywane znaki pojawiają się pojedynczo:
<div #firstName contentEditable="true" (keyup)="onChange()"></div>
0
Działa idealnie. Dzięki.
0
A jednak nie do końca dobrze to działa, bo takie pole nie ma wartości początkowej (w sytuacji, gdzie jednak muszę zainicjować takie pole dotychczasową wartością ta wartość mi się nie pojawi).
0
Żeby wszystko działało trzeba ta linijkę zmienić na:
<div #firstName contentEditable="true" (keyup)="onChange()" [innerHtml]="_firstName"></div>