icon" (click)="resetForm()"></i>
<div class="header"></div>
<div class="scrolling content">
isShowPdf - {{this.sanitizedURL?.length}}
<div class="root" *ngIf="this.sanitizedURL?.length > 1">
<iframe [src]="sanitizedURL" height="900" style="width:100%;height:100vh;"></iframe>
</div>
</div>
</form>
public fillForm(id: number, templateId: number): void {
this.ngxService.startBackground();
this.sanitizedURL = null;
this.subscriptions.add(this.registeredActsService.getBlob(id, templateId).subscribe(source => {
this.sanitizedURL = this.sanitizer.bypassSecurityTrustResourceUrl('data:application/pdf;base64,' + source.body);
console.log(this.sanitizedURL)
this.ngxService.stopBackground();
}, () => {
this.ngxService.stopBackground();
}))
}
почему в консолке this.sanitizedURL выводиться а в html он не обновляется что делаю не так??
Какая у вас стратегия изменений? OnPush/Default? Попробуйте changeDetectorRef.markForCheck() вызвать
Странная форма. Где formControlName или name?
это просто модалька для отображение пдф
А iframe вообще рисуется? ngIf условие отрабатывает?
нет в том то дело в html переменная не обновляется, а в .ts console log нормально выводить все
Есть подозрение, что рендер компонента падает из-за того, что url изначально может быть null и this.sanitizeUrl.length валится с ошибкой И компонент становится непредсказуемым
Зачем в html this. ?
а что в этом плохого ?
Избыточно :)
Обсуждают сегодня