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

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/