What I need is to load HTML code inside a frame in a page in an Ionic app, without opening a new window or covering the rest of the page.
The idea is to have a frame that opens a web page without covering or disrupting the rest of the page like the header, buttons, etc.
Basically, what I want to do is the equivalent to an Android WebView in an Ionic framework app.
Is this possible?
There is no much code, is a simple "message details" page for a messaging app, is just that the messages have to be displayed as a web page.
<ion-view view-title="Detalles de mensaje" class="discover-page">
<ion-nav-buttons side="right">
<button class="button button-icon icon ion-navicon-round" ng-click="openPopover($event)">
</button>
</ion-nav-buttons>
<ion-nav-buttons side="left">
<button class="button button-icon icon ion-ios7-arrow-back" ng-click="goBack()">
</button>
</ion-nav-buttons>
<ion-content scroll="false">
</ion-content>
</ion-view>
I need to show the header with the top buttons and the webview below them.
Ionic Portals offers a supercharged native Web View component for iOS and Android that enables teams to add web-based experiences to native mobile apps.
You just want to show the any web view in your app with your header. Yes it is possible with iframe html tag. But it is possible only for http web views not for https web views like paypal.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With