具體寫法舉例:
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有所幫助。
新聞熱點
疑難解答