Angular學習-$location

location是什么告喊?

location是一個關于當前網(wǎng)頁地址的對象,從屬于window之下,當然狗准,window之下的對象在不引起歧義或者混淆的情況下,一般是可以省去window的茵肃。location本身是一個js對象腔长,包含一些屬性和方法。具體可以參考w3school 验残。

angular location

angular中的location是一個service捞附,寫作$location。

getter和setter方法

getter方法用于獲取對象的私有屬性,setter用于設置對象的私有屬性您没。 js中是不存在私有變量的鸟召,但是通過一些命名方式(如私有變量名以雙下劃線開始)約定,可以人為的規(guī)定某些變量為私有變量氨鹏。 正因為js本身不支持私有變量欧募,所以對象的屬性我們都可以通過object.variable的方式讀取。getter和setter方法只是我們?yōu)榱俗宩s對象的操作更加規(guī)范仆抵。例如跟继,可以在setter方法中做一些規(guī)則校驗,在getter方法中做一些初始化肢础,等等还栓。

Methods

注:如果方法沒有參數(shù)說明或者示例,表示不需要參數(shù)传轰。

absUrl()

getter:返回完整url剩盒。

hash()

getter:返回hash段。

setter:設置hash段并返回location慨蛙。如location.hash(‘xxx’)辽聊。

host()

getter:返回host。

path()getter:返回路徑期贫。http://a.com/123, path就是123跟匆。 setter:設置路徑。$location.path(‘/124’)通砍。

port()

getter:返回端口號玛臂。

protocol()

getter:返回協(xié)議名烤蜕,如https。

search()

search指的是url的query部分迹冤。 window.location.search會返回包括讽营?的部分,個人認為十分不方便解析泡徙。 假設url為:http://a.com?name=remind&gender=male橱鹏, getter: 返回search對象 getter返回對象:{name:’remind’,gender:’male’}。 setter: 設置query堪藐,有兩種方式莉兰。

1. location.search(′name′,′remind′);location.search(‘gender’,’male’); 這種方法是部分更新(part update)。 如果在一個angular周期中礁竞,只更新其中一個糖荒,如只執(zhí)行 $location.search(‘name’,’remind’) 那么gender會自動設置成空,如:http://a.com?name=remind&gender

2. location.search(name:′remind′,gender:′male′);這種方法是全體更新(wholeupdate)苏章。如果在一個angular周期中寂嘉,執(zhí)行l(wèi)ocation.search({name:’remind’}); 那么gender會被刪除,如 : http://a.com?name=remind 可以發(fā)現(xiàn)枫绅,設置方法類似jQuery設置css的方式泉孩,對比一下w3school.遺憾的是search不支持查詢某個特定值,例如location.search(‘name′)并淋,返回location對象而不是期待的name值寓搬。

Events

當調用$location.path(‘xxx’)使得地址變更時,以下事件會被廣播出去县耽,在angular的作用域(scope)中可以監(jiān)聽到此類事件句喷。

$locationChangeStart

在$location的path change之后,url change發(fā)生改變之前兔毙,此事件被廣播出去唾琼。url change可以被阻止,方法是調用此事件的preventDefault方法澎剥。

$locationChangeSuccess

當url change之后锡溯,此event被廣播出去。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末哑姚,一起剝皮案震驚了整個濱河市祭饭,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌叙量,老刑警劉巖倡蝙,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異绞佩,居然都是意外死亡寺鸥,警方通過查閱死者的電腦和手機猪钮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來胆建,“玉大人躬贡,你說我怎么就攤上這事⊙刍担” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵酸些,是天一觀的道長宰译。 經(jīng)常有香客問我,道長魄懂,這世上最難降的妖魔是什么沿侈? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮市栗,結果婚禮上缀拭,老公的妹妹穿的比我還像新娘。我一直安慰自己填帽,他們只是感情好蛛淋,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著篡腌,像睡著了一般褐荷。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上嘹悼,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天叛甫,我揣著相機與錄音,去河邊找鬼杨伙。 笑死其监,一個胖子當著我的面吹牛,可吹牛的內容都是我干的限匣。 我是一名探鬼主播抖苦,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼膛腐!你這毒婦竟也來了睛约?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤哲身,失蹤者是張志新(化名)和其女友劉穎辩涝,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體勘天,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡怔揩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年捉邢,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片商膊。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡伏伐,死狀恐怖,靈堂內的尸體忽然破棺而出晕拆,到底是詐尸還是另有隱情藐翎,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布实幕,位于F島的核電站吝镣,受9級特大地震影響,放射性物質發(fā)生泄漏昆庇。R本人自食惡果不足惜末贾,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望整吆。 院中可真熱鬧拱撵,春花似錦、人聲如沸表蝙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽勇哗。三九已至昼扛,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間欲诺,已是汗流浹背抄谐。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留扰法,地道東北人蛹含。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像塞颁,于是被迫代替她去往敵國和親浦箱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內容