Angular 6追加svg onclick事件

Angular 6追加svg onclick事件,svg,angular6,Svg,Angular6,我正在尝试在noraml html中的Angular应用程序中加载svg对象。我使用以下代码: <object data="assets/img/bihar.svg" id="biharsvg" type="image/svg+xml"></object> <div [innerHTML]="htmlContent"></div> this.htmlContent = `<h2>Hello</h2>` 我的svg

我正在尝试在noraml html中的Angular应用程序中加载svg对象。我使用以下代码:

 <object data="assets/img/bihar.svg" id="biharsvg" type="image/svg+xml"></object>
 <div [innerHTML]="htmlContent"></div>
 this.htmlContent = `<h2>Hello</h2>`
我的svg对象没有加载将我的对象附加到html中的最佳方式

<div *ngIf="loadsvg">
     <object data="assets/img/bihar.svg" id="biharsvg" type="image/svg+xml"></object>
</div>
WARNING: sanitizing HTML stripped some content
<div *ngIf="loadsvg">
     <object data="assets/img/bihar.svg" id="biharsvg" type="image/svg+xml"></object>
</div>
public loadsvg = false;

onlcikLoadSvg(){
this.loadsvg =true;
}