在离子选项卡中显示网站

Question

我正在开发基于离子框架的移动应用程序（主要针对Android）。我的项目是基于标签的应用程序。在第一个标签中，我想加载一个外部网站，但我无法弄明白该怎么做。

我尝试了ngCordova InAppBrowser，但是全屏显示，我的导航标签落后了。

我也尝试加载iFrame并且它在模拟器中工作，但是这个解决方案在Android设备上根本不起作用并且显示空的iFrame（除了它的定位限制，我认为我可以使用css对其进行排序）。

我有什么遗漏的吗？有什么建议吗？

最终应用应该看起来像（它的原生iOS版本）：

Answer 1

尝试通过ajax从网站加载内容，而不是通过iframe加载整个页面。 您可以通过以下方式实现此目的：

您首先要将div放到要显示页面的位置。

<强> HTML：

<div id="loadExternalURL"></div>

在JavaScript中，您通过Ajax或jQuery获取代码，在获得代码之后，您将使用该代码填充div：

<强> JS：

/*jQuery*/
$('#loadExternalURL').load('http://www.google.com');

/*ajax*/
$.ajax({
  dataType:'html',
  url:'http://www.google.com',
  success:function(data) {
    $('#ajax').html($(data).children());   
  }
});