Angular 6追加svg onclick事件

Question

我正在尝试在noraml html中的Angular应用程序中加载svg对象我正在使用此代码：

 <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;
}