AngularJS利用Controller完成URL跳转
人气:0具体写法举例:
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有所帮助。
加载全部内容