Предотвращение contenteditable от удаления ng-контейнера

У меня довольно простая настройка:

<div contenteditable="true">
  <ng-container #container>{{ innerHTML }}</ng-container>
</div>

"Проблема" возникает, когда пользователь полностью удаляет innerHTML это удаляет Angular's ng-container а также, что мне нужно для того, чтобы правильно взаимодействовать с содержанием моего contenteditablediv,

Я вижу два варианта:

1) Найдите способ запретить браузеру удалять <ng-container>, (Кажется маловероятным)

2) Восстановить ng-container всякий раз, когда я обнаруживаю div пустой.

2 кажется правдоподобным, но я не уверен, как это сделать, так как ng-container на самом деле не является элементом DOM.

Есть мысли или идеи?

Примечание: причина, по которой мне нужно ng-container потому что мне нужно разместить другие компоненты в своем HTML.

0 ответов

Другие вопросы по тегам