angularjs - Android Webview 相当于 ionic 框架中的什么?

标签 angularjs cordova webview ionic-framework

我创建了一个 IONIC/Angular JS 应用程序;我想在上面加载一个网页,就像使用 Android WebView 一样;也就是说,在我的 ionic 应用程序的一个分区中显示我的网页。那么问题来了,有没有一个IONIC组件可以做到这一点呢?

最佳答案

我知道您不久前发布了这个问题。我同样需要在 ionic 页面中嵌入网页,我找到的解决方案是添加 iframe 标签。设置源以转到要嵌入的链接。iframe 将包含应用程序内的网页。您甚至可以创建一个 Controller 来添加更多功能。请参阅下面的代码:

<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>

对于样式设置,您需要使用 ionic 自动创建的滚动类来定位 div。例如,我想让网页填充90%的宽度。参见下面的代码:

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

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

希望这有帮助。 完整详细信息在这里:http://mobileapplicationsdesigndevelopment.blogspot.ca/

关于angularjs - Android Webview 相当于 ionic 框架中的什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28374056/

相关文章:

objective-c - OS X Web View 应用程序 - 不会加载本地 .html 网页

javascript - 是否可以使用 Angular HTML 文档进行 $compile

iOS 6.1/7 - Cordova 3.1.0 + AngularJS - 单击/滚动到具有 [NSCFSet opacity] : unrecognized selector sent to instance 的 HTML/CSS View 时应用程序崩溃

css - flex 布局不适用于 md-dialog-actions

javascript - PhoneGap 用户登录 本地存储

android - 如何使用 phonegap-plugin-push 获取 GCM ID

javascript - Angular "controller as syntax" "this"数据

javascript - Phonegap/Cordova 推送通知不唤醒屏幕

android - 如何获取android webView中的触摸事件信息?

Android webview固定背景