在AngularJS中的ng-include中使用外部URL

Question

我在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.

我该如何解决这个问题？

预先感谢!

Answer 1

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

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

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