【问题标题】:Open a URL in bootstrap modal dialog box在引导模式对话框中打开 URL
【发布时间】:2019-08-06 09:48:01
【问题描述】:

嗨朋友们,我正在使用引导程序进行设计的 Angular 项目。如何在引导模式对话框中打开 HTTPS URL?

问题:

单击按钮时,我会打开一个模式对话框,并在其中打开一个 URL,例如“https://stackoverflow.com/questions/ask”。谁能帮我解决它的 TS 和 HTML 代码?

HTML 代码:

    <div id="videoPreview" class="modal fade" role="dialog">
          <div class="modal-dialog modal-lg">
                <div class="modal-body">
                    <button type="button" class="close" (click)="closeModal()" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div> </div> </div>

总结: 模态对话框工作正常。单击按钮时会出现一个空白的白色模态对话框,右侧带有小十字图标,只是我想在此对话框中打开一个带有 url 的新页面

【问题讨论】:

  • 使用 iframe。
  • 我猜 iframe 是用于 youtube 视频的。我想在该模式中打开不同的页面
  • 不,它不是那样的,iframe 用于在容器中打开 url,检查给出的示例。
  • 好的,我向前迈了一步。对话框打开,但该对话框中打开的 url 是我的项目 localhost url
  • 现在可以分享示例代码吗?

标签: angular bootstrap-modal


【解决方案1】:

如果你有第三方 API,你可以使用它或 ajax

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-20
    • 1970-01-01
    • 2013-06-09
    • 2020-05-22
    • 1970-01-01
    相关资源
    最近更新 更多