欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJS利用Controller完成URL跳轉(zhuǎn)

 更新時間:2016年08月09日 11:40:52   投稿:daisy  
本文的主要內(nèi)容是介紹在AngularJS中怎樣利用Controller實現(xiàn)URL跳轉(zhuǎn),本文給出了實例代碼,簡單明了,有需要的可以參考學(xué)習(xí)。

具體寫法舉例:

1.js定義一個controller

function MyCtrl($scope, $location) {

  $scope.jumpToUrl = function(path) {

    //TODO:add code here

  };

}

2.html里面應(yīng)用controller

<div ng-controller=‘MyCtrl'>

  <button ng-click="jumpToUrl('/signin')">signin</button>

</div>

3.controller里面TODO的位置填入

$location.path(path);

然后運(yùn)行起來就可以看效果了。

假設(shè)當(dāng)前頁面的url是:http://127.0.0.1:8080/#/home

$location.path(path);執(zhí)行后就會跳到http://127.0.0.1:8080/#/signin

如果你發(fā)現(xiàn)頁面不能正常跳轉(zhuǎn),可以在$location.path(path);后面再加上一句

var curUrl = $location.absUrl(); //用來顯示url全路徑

調(diào)試跟蹤頁面時查看curUrl的值到底變成多少,大概就能猜出問題出在哪了。

好了,以上就是在AngularJS利用Controller完成URL跳轉(zhuǎn)的全部內(nèi)容,希望本文對大家學(xué)習(xí)AngularJS有所幫助。

相關(guān)文章

  • indexedDB bootstrap angularjs之 MVC DOMO (應(yīng)用示例)

    indexedDB bootstrap angularjs之 MVC DOMO (應(yīng)用示例)

    這篇文章主要介紹了indexedDB bootstrap angularjs之 MVC DOMO (應(yīng)用示例)的相關(guān)資料,需要的朋友可以參考下
    2016-06-06
  • Angular 的 Change Detection機(jī)制實現(xiàn)詳解

    Angular 的 Change Detection機(jī)制實現(xiàn)詳解

    這篇文章主要為大家介紹了Angular 的 Change Detection機(jī)制實現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • AngularJS自定義服務(wù)與fliter的混合使用

    AngularJS自定義服務(wù)與fliter的混合使用

    這篇文章主要介紹了AngularJS自定義服務(wù)與fliter的混合使用的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-11-11
  • Angularjs中date過濾器失效的問題及解決方法

    Angularjs中date過濾器失效的問題及解決方法

    這篇文章主要介紹了Angularjs中date過濾器失效的問題及解決方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-07-07
  • Angular.js 4.x中表單Template-Driven Forms詳解

    Angular.js 4.x中表單Template-Driven Forms詳解

    Angular 4.x 中有兩種表單,一種是Template-Driven Forms - 模板驅(qū)動式表單,另外一種是Reactive Forms - 響應(yīng)式表單 ,下面這篇文章主要給大家介紹了Angular.js 4.x中表單Template-Driven Forms的相關(guān)資料,需要的朋友可以參考學(xué)習(xí),下面來一起看看吧。
    2017-04-04
  • AngularJS的ng-click傳參的方法

    AngularJS的ng-click傳參的方法

    本篇文章主要介紹了AngularJS的ng-click傳參的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • angular4自定義組件詳解

    angular4自定義組件詳解

    這篇文章主要為大家詳細(xì)介紹了angular4自定義組件的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-09-09
  • Angular.js如何從PHP讀取后臺數(shù)據(jù)

    Angular.js如何從PHP讀取后臺數(shù)據(jù)

    這篇文章主要為大家簡單介紹了Angular.js如何從PHP讀取后臺數(shù)據(jù),本文將Angular和PHP相結(jié)合,從后臺讀取數(shù)據(jù),感興趣的小伙伴們可以參考一下
    2016-03-03
  • AngularJS 整理一些優(yōu)化的小技巧

    AngularJS 整理一些優(yōu)化的小技巧

    本文主要介紹AngularJS 一些優(yōu)化上的小技巧,這里整理了幾種方法供大家參考,有興趣的小伙伴可以參考下
    2016-08-08
  • AngularJS之頁面跳轉(zhuǎn)Route實例代碼

    AngularJS之頁面跳轉(zhuǎn)Route實例代碼

    本篇文章主要介紹了AngularJS之頁面跳轉(zhuǎn)Route ,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-03-03

最新評論