Question

我创建了一个IONIC / Angular JS应用程序;我想像在Android WebView上一样加载网页;也就是说，在我的离子应用程序的一个部分中显示我的网页。所以问题是，是否有可以做到这一点的IONIC组件？

Answer 1

我知道你刚才发布了这个问题。我有同样需要在我的离子页面中嵌入一个网页，我找到的解决方案是添加一个iframe标签。设置源以转到要嵌入的链接.iframe将包含应用程序内的网页。您甚至可以创建一个控制器来添加更多功能。请参阅下面的代码：

<ion-view>
  <ion-content class= 'padding has-subheader'>
    <iframe class= 'webPage' name= "eventsPage" src="http://www.algonquincollege.com/studentsupportservices/events/">
   </iframe>
  </ion-content></ion-view>

对于样式，您需要使用由离子自动创建的类滚动来定位div。例如，我想让网页填充宽度为90％。见下面的代码：

ion-content div.scroll{
  height: 90%; }

.webPage{
  width: 100%;
  height: 100%;
  border: 2px solid #EAAB00;
  padding: 1rem;}

希望这会有所帮助。完整详情：http://mobileapplicationsdesigndevelopment.blogspot.ca/

什么是Android Webview在离子框架中的等价物？

1 个答案: