分配新网址后重新加载iframe（Angular5）

Question

在我的有角度的应用程序中，我正在接受用户的输入。所选输入的值将传递到URL，然后分配给iframe。

<div class="form-group row">                                                                                                  
<label >Select: </label>                                                                                                                                                                                                        
<select (change)="onchange($event)" class="custom-select">                                                                                                                                                                                                                              
<option value="value1">item1</option>                                                                                                               
<option value="value2">item2</option>                                                                                                                                                                                                                   
</select>                                                                                                   
</div>

这是我要求用户选择一个选项并将所选选项的值分配给URL的地方。

onchange(e:Event){

this.option = e.target['value'];
this.url = `${this.option}/remainingurl...`;
}

option存储用户输入的值，然后将选项分配给url。

<div  class="card-body">
<div class="iframe-container" >
<iframe Content="no-cache" [src]='url' scrolling="no" >
</iframe>
</div>
</div>      

这是第一次正确加载iframe。但是，下次用户选择其他选项时，iframe不会更新。我检查了iframe是否正在获取最新的URL，是否正在获取新的URL。但是，iframe仍不会加载更改后的页面。 我还在线查看了一些解决方案，他们说这可能是缓存问题，我尝试在HTML代码中添加 Content =“ no-cache” ，但仍然没有用。

有人可以告诉我如何解决此问题吗？