具体写法举例:
1.js定义一个controller
function myctrl($scope, $location) { $scope.jumptourl = function(path) { //todo:add code here }; }
2.html里面应用controller
<div ng-controller=‘myctrl'> <button ng-click="jumptourl('/signin')">signin</button> </div>
3.controller里面todo的位置填入
$location.path(path);
然后运行起来就可以看效果了。
假设当前页面的url是:http://127.0.0.1:8080/#/home
$location.path(path);执行后就会跳到http://127.0.0.1:8080/#/signin
如果你发现页面不能正常跳转,可以在$location.path(path);
后面再加上一句
var cururl = $location.absurl(); //用来显示url全路径
调试跟踪页面时查看cururl的值到底变成多少,大概就能猜出问题出在哪了。
好了,以上就是在angularjs利用controller完成url跳转的全部内容,希望本文对大家学习angularjs有所帮助。
如对本文有疑问, 点击进行留言回复!!
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
分享Angular http interceptors 拦截器使用(推荐)
网友评论