лал свой div contenteditable div, и он также открывает ngx-popover для keyup и заполняет результаты поиска в popover на основеSearchText поэтому мне нужно двухстороннее связывание, а также редактируемый контент, мне нужно больше div, чем input:

<span>
   <div id="contenteditablediv" contenteditable="true" (keyup)="triggerUserSearch()" type="text" [popover]="searchTemplate"
        placement="bottom"  triggers="keyup click" [textContent]="searchText" (input)="searchText=$event.target.textContent" [outsideClick]="true"
        containerClass="searchUsersPopup" placeholder="To" class="recipientInput searchTerm">{{searchText}}
   </div>
</span>

Но когда я добавлю ниже строку кода:

(input)="searchText=$event.target.textContent"

Он не работает правильно в браузере Firefox. Он печатает назад в Firefox, когда вы помещаете курсор в конец.

Я взял ссылку снизуPlunker который также не работает правильно в Firefox.
Также бывает то же самое дляТАК Ответ а такжеPlunker

Я не уверен что(input)="searchText=$event.target.textContent" Код точно делает. Но это связывает searchText и значение div. Так что это требуется, но это также вызывает проблемы. Пожалуйста, объясните значение кода выше, если это возможно. Спасибо!