Angular 6 append svg onclick event

Question

Я пытаюсь загрузить объект SVG внутри моего приложения Angular в HTML-код noraml. Я использую этот код:

 <object data="assets/img/bihar.svg" id="biharsvg" type="image/svg+xml"></object>

И он загружается нормально, но я хочу загрузить этот объект, используя событие click длячто я видел innerHTML, но это не работает, что было бы лучшим способом добавить это в любой div.

Я использую этот код:

 <div [innerHTML]="htmlContent"></div>

Внутри моего HTML и внутри моего component.ts Я использую этот код:

 this.htmlContent = `<h2>Hello</h2>`

И это работает нормально, когдаЯ делаю это:

   this.htmlContent = `<object data="assets/img/bihar.svg" id="biharsvg" type="image/svg+xml"></object>`

Я получаю предупреждение:

WARNING: sanitizing HTML stripped some content

И мой объект SVG не загружается, что было бы лучшим способом добавить мой объект в HTML.

Answer 1

<div *ngIf="loadsvg">
     <object data="assets/img/bihar.svg" id="biharsvg" type="image/svg+xml"></object>
</div>

В файле .ts

public loadsvg = false;

onlcikLoadSvg(){
this.loadsvg =true;
}