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 :
- i want to load a page hosted in some server (ex: http://www.google.com) into my view
- 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?