Rohan mal Rohan mal - 6 months ago 29
AngularJS Question

How to make an webpage open inside the app when clicked a link in ionic?

I am working on a ionic app and i have some list of website links and want to open it inside the app itself. But when i tried this, it will take to seperate mobile browser. is there any way i can do this?
Please help. new to ionic

<div class="list">

<button class="item button button-assertive">
<a href="https://www.google.co.in/">
website 1
</a>
</button>


<button class="item button button-assertive">
<a href="https://www.google.co.in/">
website 2
</a>
</button>


<button class="item button button-assertive">
<a href="https://www.google.co.in/">
website 3
</a>
</button>


<button class="item button button-assertive">
<a href="https://www.google.co.in/">
website 4
</a>
</button>

</div>

Answer

It wont work that way, u need to install cordova in-app browser plugin for that.find it here

once you install the plugin, define a controller in app.js. It will work.

EDIT WITH MORE DESCRIPTION:

Open your nodejs Cmd prompt

cd yourApp

Type

cordova plugin add cordova-plugin-inappbrowser

It will install cordova inapp browser plugin

// Add this to your app.js

.controller("ExampleController", function ($scope) {

$scope.openCordovaWebView = function()
{
  window.open('http://google.com','_self'); 
};

});
// this to your html page

       <ion-content ng-controller="ExampleController">
            <button class="button button-full button-assertive" 
                    ng- click="openCordovaWebView()">
               Website 1
            </button>
        </ion-content> 

Comments