Angular ---小demo體驗angular項目開發知識點2--angular中的表單驗證、路由、路由守衛、http、http攔截器

一、項目需求

  

 

 二、開始開發

　　

　　

　　　angular中的路由

　　　

　　　　普通路由出口    <router-outlet></router-outlet> 

　　　　嵌套的路由又會對應一個   路由出口    <router-outlet></router-outlet> 

　　　　

　　　　

　　　angular中的表單驗證

　　　　angular中想要實現雙向數據綁定要記得導入下表單模塊

　　　　angular中提供了一種特殊的表單驗證（ng的方式），因此普通的表單驗證沒有效果

　　　　　　　　　　最基本的表單驗證

　　　　

　　　　

 　　三、token的應用場景

　　　　　　由於有的接口是有權限的，要驗證用戶身份，即用戶須要登陸網站後獲取token，（通常登陸接口訪問後返回token）

　　　　　　而後再在訪問接口時，設置請求頭X-Access-Token，value值爲剛剛獲取的token值

　　　　　　 d

　　四、路由中的路由守衛　（詳情見官網）　　　----頁面路由導航的攔截功能

　　　　普通狀況下任何用戶都能在任什麼時候候導航到任何地方。 但有時候這樣是不對的。該用戶可能無權導航到目標組件，可能用戶得先登陸（認證），

　　　　你能夠往路由配置中添加守衛，來處理這些場景；守衛返回一個值，以控制路由器的行爲：若是它返回 true，導航過程會繼續；若是它返回 false，導航過程就會終止，且用戶留在原地

　　　　步驟：  新建一個auth-guard.service.ts文件，在文件中添加守衛處理

　　　　　　　導入路由模塊中，而後再須要權限認證的路由下添加canActivate屬性

　　　　　　

　　　　　　

 　　四、angular中的http請求-----詳細的仍是看官網文檔吧

 　　　　

　　　　

　　　　http攔截器---官網上也有說明