angularjs - 在 AngularJS 中的 ng-include 中使用外部 url

Question

我在 AngularJS 中遇到了一个问题，需要一些指针。

我有一个 View ，我想在其中嵌入外部 url(例如 http://www.w3schools.com )。嵌入的 html 页面应该像普通 html 页面一样响应单击和触摸等事件。

我已经使用 ng-include 指令来让它工作。

这是一个代码片段:

    <ion-content>
       <div ng-include src="'http://www.w3schools.com'"</div>
    </ion-content>

如果我加载外部 html，我正在加载外部网页，但页面内的所有链接都已损坏。如果我点击加载页面内的任何链接，所有链接现在都指向 localhost 而不是外部 url。

我该如何解决这个问题？

预先感谢!

Answer 1

听起来您真的只想在您的 View 中托管外部站点，然后您应该将它链接到 iframe 中。

<iframe src="http://www.w3schools.com"></iframe>

如果您希望发生一些神奇/动态的事情，您将需要解析内容并重写 url、附加处理程序等。您的 ng-include 无法按预期工作的原因是因为它只读取该 url 的内容并嵌入它进入您的 View “好像”它只是您制作的模板(包括 Angular 标记)并且出于某种原因想要在外部托管。