AngularJS利用Controller完成URL跳转
程序员文章站
2023-10-30 20:13:40
具体写法举例:
1.js定义一个controller
function myctrl($scope, $location) {
$scope.jump...
具体写法举例:
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有所帮助。
上一篇: AngularJS教程之环境设置
下一篇: 蒜泥黄瓜的做法,赶紧学起来