InnerHTML * ngIf не работает Angular5

Question

Чтобы показать всплывающее окно на карте открытых слоев ГИС, я использую атрибут InnerHtml. Если поле ложно, я хочу скрыть это DIV.

Похоже, угловой игнорирует мой ngif, это мой код:

this.content.innerHTML = `
      <div style="width: 150px; float: right; font-size: 13px;" *ngIf="!test">
              ${ test } 
      </div> `

Мой логический тест неверен. Правда ли, что ngIf работает с innerHTML?

спасибо за лот

Answer 1

Вам нужно добавить и удалить стили, как показано ниже

constructor(private elRef: ElementRef) { 

 this.elRef.nativeElement.querySelector('#showResponsiveNavbarone')
 .classList.remove('visibletrue');

}
 <style>
  .visiblefalse{
  display: none !important;
}
.visibletrue{
 display: block !important;
} 

Answer 2

Angular не будет развлекать ваши *ngIf при использовании innerHTML

Всякий раз, когда вы передаете какой-либо контент через innerHTML, Angular просто будет отображать, что контент не оценивает какое-либо выражение или связывание внутри этого контента, как вы сделали, добавив событие ngIf.