Angular2 - contenteditable i ngModel

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ć.

Po usunięciu interpolacji w linii 11 wpisywane znaki pojawiają się pojedynczo:

<div #firstName contentEditable="true" (keyup)="onChange()"></div>

Działa idealnie. Dzięki.

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).

Żeby wszystko działało trzeba ta linijkę zmienić na:

      <div #firstName contentEditable="true" (keyup)="onChange()" [innerHtml]="_firstName"></div>