6

我在 AngularJS 中有一个问题，需要一些指针。

我有一个要嵌入外部 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。

我该如何解决这个问题？

预先感谢！

4

1 回答 1

7

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

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

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

于 2014-08-12T11:31:13.710 回答