Загрузка Iframe на основе переменной URL в угловом 2

Question

Я пытаюсь выяснить, в угловых 2, как сделать следующий

Введите URL в адресной строку и загрузить IFRAME на основе этого URL

например,

локальный: 3000/http://test.com должен загрузить полный экран Iframe из test.com

Может кто-нибудь дать какие-либо ссылки на это?

Answer 1

В угловом корпусе нет никакого встроенного решения. Но я вижу, что вы могли бы сделать это, выполните следующие шаги:

• создать FrameComponent компонент, который будет показывать Iframe так, как вам нужно
• конфигурационный маршрут, чтобы соответствовать FrameComponent
• Перейдите по URL и извлечь путь от activatedRoute
• добавить сайт в iframeSource
• прибыль

Но вы встретите некоторые проблемы - гр ross начальная навигация, небезопасный URL и т. д. Один из них может быть установлен с DomSanitizer и SafeResourceUrl от @angular/platform-browser.

сделал некоторые доказательства, чтобы показать, что я имею в виду:

https://plnkr.co/edit/9sgwAy?p=preview