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

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

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

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

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

【一】獲取 (不修改URL)

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

【二】修改 (改變URL相關內容)

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

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

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

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

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

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

    Angular.js中下拉框實現渲染html的方法

    這篇文章主要給大家介紹了關于在Angular.js中下拉框實現渲染html的方法,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面來跟著小編一起來學習學習吧。
    2017-06-06
  • Angular框架詳解之視圖抽象定義

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

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

    Angularjs實現分頁和分頁算法的示例代碼

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

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

    這篇文章主要介紹了angular2中Http請求原理與用法,結合實例形式分析了AngularJS中http相關模塊實現http服務請求與相應的相關操作技巧,需要的朋友可以參考下
    2018-01-01
  • 詳解AngularJS 過濾器的使用

    詳解AngularJS 過濾器的使用

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

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

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

    angular框架實現全選與單選chekbox的自定義

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

    Angular2學習教程之組件中的DOM操作詳解

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

    angular.fromJson與toJson方法用法示例

    這篇文章主要介紹了angular.fromJson與toJson方法用法,結合實例形式分析了AngularJS使用fromJson與toJson方法進行json格式數據的解析與轉換相關操作技巧,需要的朋友可以參考下
    2017-05-05

最新評論