詳解Angular6.0使用路由步驟(共7步)
更新時間：2018年06月29日 15:19:23 作者：QingWaXieZi
這篇文章主要介紹了詳解Angular6.0使用路由步驟(共7步)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
今天寫的有點兒多了,前幾天一直寫js基礎.今天想聊聊angular6.0的路由實現(xiàn).因為有公司已經開始轉向angular6.0了.寫完趕緊吃飯去了.
聲明一下,以下路由的實現(xiàn)是基于angular6.0 腳手架 實現(xiàn)的. 腳手架的安裝方法不在此討論范圍內.
第一步:創(chuàng)建一個路由文件.
通過指令ng g module 模塊名稱;來創(chuàng)建一個路由模塊文件;
第二步: 在app.component.html模板文件中,定義路由渲染的位置;
第三步: 引入路由模塊以及路由規(guī)則模塊（在app-routing.module.ts中）;因為第三步到第六步都是在這個文件內完成的.所以直接上圖;這樣大家看的也更清晰;
第七步: 在app.module.ts中,將路由模塊引入,并寫入imports中;
ok,這樣路由就算配置完成了;這里有幾點需要說明:
1. angular默認的路由采用的是path策略規(guī)則,如果要使用hash規(guī)則,我們可以在forRoot方法中,傳遞配置對象,設置;
useHash:true; 相信大家已經看到了;
2. 設置默認路由使用"**";這個一定要記住,是兩個**.因為angular1.0是使用的一個*;
3.設置重定向通過redirectTo重定向到默認路由;
好了,angular6.0路由的配置就介紹到這里了.希望對各位小伙伴有幫助.如有不足,歡迎指正;
相關文章
這篇文章主要介紹了AngularJS 支付倒計時功能的實現(xiàn)思路,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了AngularJS 自定義過濾器,這里整理了相關資料及示例代碼，有興趣的小伙伴可以參考下2016-09-09
angularjs使用directive實現(xiàn)分頁組件的示例
本篇文章主要介紹了angularjs使用directive實現(xiàn)分頁組件的示例，具有一定的參考價值，有興趣的可以了解一下。2017-02-02
angularJS的radio實現(xiàn)單項二選一的使用方法
下面小編就為大家分享一篇angularJS的radio實現(xiàn)單項二選一的使用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要為大家介紹了詳解如何在Angular中引入Mock.js實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
分頁是很多web應用都會用到的，本篇文章主要介紹了Angularjs實現(xiàn)分頁和分頁算法的示例代碼，具有一定的參考價值，有興趣的可以了解一下。2016-12-12
這篇文章主要介紹了詳解Angular cli配置過程記錄，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
今天小編就為大家分享一篇angular ng-model 無法獲取值的處理方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
基于Angular.js實現(xiàn)的觸摸滑動動畫實例代碼
這篇文章主要介紹了基于Angular.js實現(xiàn)的觸摸滑動動畫實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
今天小編就為大家分享一篇淺談angular2子組件的事件傳遞(任意組件事件傳遞)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09