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

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

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

具體寫法舉例：

1.js定義一個(gè)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)前頁(yè)面的url是：http://127.0.0.1:8080/#/home

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

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

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

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

好了，以上就是在AngularJS利用Controller完成URL跳轉(zhuǎn)的全部?jī)?nèi)容，希望本文對(duì)大家學(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ī)制實(shí)現(xiàn)詳解

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

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

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

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

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

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

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

    Angular 4.x 中有兩種表單，一種是Template-Driven Forms - 模板驅(qū)動(dòng)式表單，另外一種是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傳參的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-06-06
  • angular4自定義組件詳解

    angular4自定義組件詳解

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

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

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

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

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

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

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

最新評(píng)論