亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

詳解angular中通過$location獲取路徑(參數(shù))的寫法

 更新時間:2017年03月21日 17:18:49   作者:金-Fish  
本篇文章主要介紹了詳解angular中通過$location獲取路徑(參數(shù))的寫法 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下。

我最近在研究angular中通過$location獲取路徑(參數(shù))的寫法,在網(wǎng)上搜索了很多的資料,正好今天有時間,就整理一下!

以下獲取與修改的 URL 以  ( http://172.16.0.88:8100/#/homePage?id=10&a=100  ) 為例

【一】獲取 (不修改URL)

//獲取當(dāng)前完整的url路徑 
var absurl = $locationabsUrl(); 
//http://88:8100/#/homePage?id=10&a=100 
 
// 獲取當(dāng)前url路徑(當(dāng)前url#后面的內(nèi)容,包括參數(shù)和哈希值): 
 var url = $locationurl(); 
 // 結(jié)果:/homePage?id=10&a=100  
 
 // 獲取當(dāng)前url的子路徑(也就是當(dāng)前url#后面的內(nèi)容,不包括參數(shù)) 
var pathUrl = $locationpath() 
//結(jié)果:/homePage  
 
//獲取當(dāng)前url的協(xié)議(比如http,https) 
var protocol = $locationprotocol(); 
//結(jié)果:http  
 
//獲取主機(jī)名 
var localhost = $locationhost(); 
//結(jié)果:88 
  
//獲取當(dāng)前url的端口 
var port = $locationport(); 
//結(jié)果:8100 
 
//獲取當(dāng)前url的哈希值 
var hash = $locationhash() 
//結(jié)果:http://088   
 
 //獲取當(dāng)前url的參數(shù)的序列化json對象 
 var search = $locationsearch(); 
 //結(jié)果:{id: "10", a: "100"} 

【二】修改 (改變URL相關(guān)內(nèi)容)

//1 修改url的子路徑部分(也就是當(dāng)前url#后面的內(nèi)容,不包括參數(shù)): 
 $locationurl('/validation'); 
//結(jié)果:http://88:8100/#/validation 
 
 //2 修改url的哈希值部分 
$locationhash('myhash3'); 
//結(jié)果:http://88:8100/#/homePage?id=10&a=100#myhash3 
 
//3 修改url的參數(shù)部分(第一個參數(shù)表示url參數(shù)的屬性名,第二個參數(shù)是該屬性名的屬性值,如果是已有屬性名,則修改,如果不是已有屬性,則新增) 
$locationsearch('id','111') 
// 結(jié)果(修改參數(shù)值):http://88:8100/#/homePage?id=111&a=100 
 
$locationsearch('ids','111') 
// 結(jié)果(新增ids參數(shù)): http://88:8100/#/homePage?id=111&a=100&ids=111 
 
//一次性修改多個參數(shù) 
$locationsearch({id:'55','a':'66'}) 
//結(jié)果:http://88:8100/#/homePage?id=55&a=66#myhash3 
 
 //第一個值表示url參數(shù)的屬性名,如果是已有屬性名,則刪除該屬性,如果不是已有屬性,那就等于沒改過 
 $locationsearch('age',null) 

【三】修改URL但不存入歷史記錄

在上面的修改url的方法的時候,每修改一次,url都會被存入歷史記錄,可以使用后退按鈕回到修改前的url,如果不想要這種效果,而僅僅是替換當(dāng)前的記錄,可以使用  $location.path('/validation').replace();

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 走進(jìn)AngularJs之過濾器(filter)詳解

    走進(jìn)AngularJs之過濾器(filter)詳解

    本篇文章主要介紹了AngularJs之過濾器(filter)詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-02-02
  • Angular.js中下拉框?qū)崿F(xiàn)渲染html的方法

    Angular.js中下拉框?qū)崿F(xiàn)渲染html的方法

    這篇文章主要給大家介紹了關(guān)于在Angular.js中下拉框?qū)崿F(xiàn)渲染html的方法,文中通過示例代碼介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。
    2017-06-06
  • Angular框架詳解之視圖抽象定義

    Angular框架詳解之視圖抽象定義

    這篇文章主要給大家介紹了關(guān)于Angular框架詳解之視圖抽象定義的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • Angularjs實(shí)現(xiàn)分頁和分頁算法的示例代碼

    Angularjs實(shí)現(xiàn)分頁和分頁算法的示例代碼

    分頁是很多web應(yīng)用都會用到的,本篇文章主要介紹了Angularjs實(shí)現(xiàn)分頁和分頁算法的示例代碼,具有一定的參考價值,有興趣的可以了解一下。
    2016-12-12
  • angular2中Http請求原理與用法詳解

    angular2中Http請求原理與用法詳解

    這篇文章主要介紹了angular2中Http請求原理與用法,結(jié)合實(shí)例形式分析了AngularJS中http相關(guān)模塊實(shí)現(xiàn)http服務(wù)請求與相應(yīng)的相關(guān)操作技巧,需要的朋友可以參考下
    2018-01-01
  • 詳解AngularJS 過濾器的使用

    詳解AngularJS 過濾器的使用

    AngularJS 過濾器可用于轉(zhuǎn)換數(shù)據(jù),這篇文章主要介紹了詳解AngularJS 過濾器的使用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-06-06
  • angularjs的一些優(yōu)化小技巧

    angularjs的一些優(yōu)化小技巧

    這篇文章主要介紹了angularjs的一些優(yōu)化小技巧,本文總結(jié)了5種優(yōu)化技巧,如一次綁定、盡可能少調(diào)用 ng-repeat、盡量在指令里寫原生語法、頁面內(nèi)盡量少用filters等,需要的朋友可以參考下
    2014-12-12
  • angular框架實(shí)現(xiàn)全選與單選chekbox的自定義

    angular框架實(shí)現(xiàn)全選與單選chekbox的自定義

    這篇文章主要介紹了angular框架實(shí)現(xiàn)全選與單選chekbox的自定義,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • Angular2學(xué)習(xí)教程之組件中的DOM操作詳解

    Angular2學(xué)習(xí)教程之組件中的DOM操作詳解

    這篇文章主要給大家介紹了Angular2學(xué)習(xí)教程之組件中DOM操作的相關(guān)資料,文中介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面跟著小編一起來看看吧。
    2017-05-05
  • angular.fromJson與toJson方法用法示例

    angular.fromJson與toJson方法用法示例

    這篇文章主要介紹了angular.fromJson與toJson方法用法,結(jié)合實(shí)例形式分析了AngularJS使用fromJson與toJson方法進(jìn)行json格式數(shù)據(jù)的解析與轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下
    2017-05-05

最新評論