How to load a parent view on click of an element in child view


#1

I am trying with ionic tabs project.
onclick of a tab we are loading its template.

In my template i have static images.

Now, on click of the images :

  1. i want to load a page hosted in some server (ex: http://www.google.com) into my view
  2. on click of another image i want to redirect to another state.

my app.js:

app.config(function($stateProvider,$urlRouterProvider){
$stateProvider
.state(‘footer’,{
url:’/footer’,
abstract:true,
templateUrl:‘templates/footer.html’

})
.state('footer.home',{
	url:'/home',
	views:{
		'footer-home':{
			templateUrl:'templates/Home.html',
			controller:'HomeCtrl'
		}
	}
})
.state('footer.home.about',{
	url:'/about',
	templateUrl:'templates/about.html',

})

.state('footer.find',{
	url:'/find',
	views:{
		'footer-find':{
			templateUrl:'templates/findlegislator.html',
			controller:'FindLegCtrl'
		}
	}
})

.state('footer.contactus',{
	url:'/contactus',
	views:{
		'footer-contactus':{
			templateUrl:'templates/contactus.html',
			controller:'ContactUsCtrl'
		}
	}
});

$urlRouterProvider.otherwise('/footer/home');

});

ooter.home.about is not loading up. how to achieve this and how to load a remote page into the same?

can somebody help me?


#2

In question 1, You can use Iframe


#3

thank you, i need to fetch a page , i need to add some styling and load. is it possible?