Показать отчет в iframe с вызовом http.get () в Angular 8

Question

Я пытаюсь загрузить отчет с помощью вызова http.get () и показать его в iframe, используя angular 8.

Вот ответ API.

Component.ts

    export class LogsComponent implements OnInit {
  logsData;
  logs;

  displayString

  constructor( private httpService: HttpService, private loaderService: LoaderService,
    private domSanitizer: DomSanitizer) { }

  ngOnInit() {
    this.httpService.getLogs().subscribe(data => {
      this.logsData = data;
      this.displayString = this.domSanitizer.bypassSecurityTrustHtml(this.logsData);
    })

  }

}

компонент. html

<iframe [srcdoc]="displayString"></iframe>

Получение этой ошибки.

Answer 1

Похоже, что ваш HttpService возвращает строку из API, которую нельзя десериализовать в объект JSON. Вы можете вернуть помещенный строковый ответ в объект, у которого есть свойство хранить эту строку. На компоненте вы можете развернуть этот JSON объект и передать его компоненту. ** Одна ВАЖНАЯ вещь, на которую следует обратить внимание, это то, что Angular будет считать строку небезопасной, и вам нужно будет санировать строку, вызвав DomSanitizert.bypassSecurityTrust Html и передать строку этому методу. Надеюсь, это поможет.