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.

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.

• javascript
• angularjs
• ionic-framework

Share Improve this question Follow edited Apr 20, 2015 at 19:03 David Prieto asked Apr 18, 2015 at 22:38 David PrietoDavid Prieto 2,29966 gold badges3434 silver badges5151 bronze badges 2

• Did you try Angular UI routing? Please post some code. – EugenSunic Commented Apr 18, 2015 at 22:43
• I've been reading about it but no luck just yet. – David Prieto Commented Apr 20, 2015 at 20:47

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

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.