В моем угловом приложении я принимаю данные от пользователя.Значение выбранного входа передается в 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...`;
}
опция хранит значение пользователяввод, а затем опция назначается URL.
<div class="card-body">
<div class="iframe-container" >
<iframe Content="no-cache" [src]='url' scrolling="no" >
</iframe>
</div>
</div>
Это первая загрузка iframe.Но в следующий раз, когда пользователь выбирает другую опцию, iframe не обновляется.Я проверил, получает ли iframe последний URL и получает ли он новый.Но, тем не менее, iframe не загружает измененную страницу.Я также просмотрел несколько решений онлайн, и они сказали, что это может быть проблема с кешем, и я попытался добавить Content = "no-cache" в HTML-код, но все же, это не сработало.
Может кто-нибудь сказать мне, что я могу сделать, чтобы решить эту проблему?