Угловое соединение 7 с iframe

Question

Я пытаюсь связать ссылку (project.projectUrl) внутри iframe, но не могу заставить ее работать.Я пытаюсь связать projectUrl из моего JSON-файла с iframe src, чтобы я мог динамически отображать iframe из модального окна, если это возможно.Пожалуйста, смотрите мой код в комментарии ниже.

Answer 1

Вы используете угловой или html-инжектор неправильно. Я считаю,

<iframe [src]="project.projectUrl" height="600" width="1000"></iframe>

или

<iframe src="{{project.projectUrl}}" height="600" width="1000"></iframe>

Если вы делаете и то, и другое, вы в основном вызываете это в машинописном тексте {{project.projectUrl}} вместо простогоproject.projectUrl Я бы порекомендовал вам использовать [src] как то, что предлагается в документах, и его легче читать.

Надеюсь, это поможет:)

Answer 2

Вам необходимо очистить источник.https://angular.io/api/platform-browser/DomSanitizer#bypassSecurityTrustResourceUrl.

Один из способов сделать это в конструкторе компонентов:

constructor(sanitizer: DomSanitizer, ....)

, а затем

<iframe [src]="sanitizer.bypassSecurityTrustResourceUrl(project.projectUrl)" height="600" width="1000"></iframe>