Question

我在AngularJS中遇到问题，需要一些指示。

我想要嵌入外部网址（例如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

听起来你真的只想在视图中托管外部网站，然后你应该只在iframe中链接它。

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

如果你想要一些神奇/动态的东西发生，你将需要解析内容并重写网址，附加处理程序等。你的ng-include不能按预期工作的原因是因为它只读取内容url并将其嵌入到您的视图中“as-if”它只是您制作的模板（包括角度标记），并且由于某种原因想要在外部托管。