AngularJS使用Controller實現URL跳轉

參考文章:https://docs.angularjs.org/guide/$location

具體寫法舉例:

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的值到底變成多少,大概就能猜出問題出在哪了。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章