angularjs使用路由怎么实现返回上一页,页面内容不会刷新

JavaScript021

angularjs使用路由怎么实现返回上一页,页面内容不会刷新,第1张

1,angularjs有自带的返回上一页的路由,在路由里面用

.state('tab.chats', { //路由名字

url: '/chats',//路由地址

views: {

'tab-chats': {

templateUrl: 'templates/tab-chats.html',//跳转的页面

controller: 'ChatsCtrl'//控制器

}

}

})

2.比如点击物业的时候进入下一个页面,箭头是自带的,当然箭头样式需要自己调整。

3.该方法是运用的ionic框架实现的,基于angularjs的方式。

这里我们通过输出$router来查看,其中push和replace函数就是跳转其他路由的函数

其中push函数是跳转新的路由,跳转后可以通过浏览器的回退功能回退到上一个路由

添加gotoCircle函数,这里我们使用push函数做演示,replace函数的传参和push一样,就不多做演示了

这里的传参与上面v-bind绑定的参数一样都是传一个对象,运行效果如下: