AngularJS利用Controller完成URL跳轉
更新時間：2016年08月09日 11:40:52 投稿：daisy
本文的主要內容是介紹在AngularJS中怎樣利用Controller實現(xiàn)URL跳轉，本文給出了實例代碼，簡單明了，有需要的可以參考學習。
具體寫法舉例：
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);執(zhí)行后就會跳到http://127.0.0.1:8080/#/signin
如果你發(fā)現(xiàn)頁面不能正常跳轉，可以在$location.path(path);后面再加上一句
var curUrl = $location.absUrl(); //用來顯示url全路徑
調試跟蹤頁面時查看curUrl的值到底變成多少，大概就能猜出問題出在哪了。
好了，以上就是在AngularJS利用Controller完成URL跳轉的全部內容，希望本文對大家學習AngularJS有所幫助。
相關文章
indexedDB bootstrap angularjs之 MVC DOMO (應用示例)
這篇文章主要介紹了indexedDB bootstrap angularjs之 MVC DOMO (應用示例)的相關資料,需要的朋友可以參考下2016-06-06
Angular 的 Change Detection機制實現(xiàn)詳解
這篇文章主要為大家介紹了Angular 的 Change Detection機制實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要介紹了AngularJS自定義服務與fliter的混合使用的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了Angularjs中date過濾器失效的問題及解決方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
Angular.js 4.x中表單Template-Driven Forms詳解
Angular 4.x 中有兩種表單，一種是Template-Driven Forms - 模板驅動式表單，另外一種是Reactive Forms - 響應式表單 ，下面這篇文章主要給大家介紹了Angular.js 4.x中表單Template-Driven Forms的相關資料，需要的朋友可以參考學習，下面來一起看看吧。2017-04-04
本篇文章主要介紹了AngularJS的ng-click傳參的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要為大家詳細介紹了angular4自定義組件的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要為大家簡單介紹了Angular.js如何從PHP讀取后臺數據，本文將Angular和PHP相結合，從后臺讀取數據，感興趣的小伙伴們可以參考一下2016-03-03
本文主要介紹AngularJS 一些優(yōu)化上的小技巧，這里整理了幾種方法供大家參考，有興趣的小伙伴可以參考下2016-08-08
本篇文章主要介紹了AngularJS之頁面跳轉Route ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03