Angular 6中 獲取URL

本文介紹了

1. 獲取url以及route里面的對象

在用戶使用應用程序時,Angular 的路由器能讓用戶從一個視圖導航到另一個視圖。但是當你想要獲取url里面的一些值呢?下面是幾個方法獲取Route對象。

路由器會構建出一個 ActivatedRoute組成的樹,它表示路由器的當前狀態(tài)。 你可以在應用中的任何地方用 Router服務及其 routerState 屬性來訪問當前的 RouterState 值。

export class CompanyComponent implements OnInit {

constructor(private route: ActivatedRoute) {}

ngOnInit() {

  // Get Parent Path:  about 獲取父級path值
/*[UrlSegment]
  0: UrlSegment
  parameterMap: (...)
  parameters: {}
  path: "xxxx"
  __proto__: Object
  length: 1
__proto__: Array(0)
*/
  this.route.parent.url.subscribe(url => console.log(url[0].path));

  // Get Current Path:  company  同理
  this.route.url.subscribe(url => console.log(url[0].path));

  // Route Data:  { title: 'Company' } 
  this.route.data.subscribe(data => console.log(data));
}
}

哪里有不明確或者錯誤,歡迎給我留言!

我相信路飛最后一定會和女帝在一起的??

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,695評論 19 139
  • Spring Boot 參考指南 介紹 轉載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 47,287評論 6 342
  • 媽媽: 您好! 您最近的身體還好嗎?天氣涼啦,你要多注意,多穿點衣服。你那工作好嗎?您吃的...
    楊皓宇yang閱讀 209評論 0 0
  • 不知道你有沒有這樣的情感經(jīng)歷,在談戀愛到一個不穩(wěn)定期的時候,你們都會想過,如果分手了, 你們會用什么方式...
    double_小姐閱讀 302評論 3 2
  • 今天,閨蜜突然給我發(fā)消息,說昨天的七夕,她哭了一晚,并配上了幾張她和她男朋友的聊天截圖,一年多的感情,就那樣結束了...
    親一親太陽閱讀 422評論 6 4

友情鏈接更多精彩內容