国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

angular 路由

LeexMuller / 1970人閱讀

摘要:從新建項目開始打開找到參數地址組件新建倆個頁面試試引入模塊配置寫在文件里的路由使用方法和類似,只是寫法不同。

從新建項目開始 ng new projectName --routing
打開 ../app/app-routing.module.ts
找到 const routes:Routes = [];
routes參數: path:url地址 ,component:組件

新建倆個頁面試試

ng generate component page1
ng generate component page2

引入模塊:

import { page1Component } from ...;
import { page2Component } from ...;

routes配置: //寫在 app-route文件里

[   
{path:"page1",component:Page1Component},
{path:"page2",component:Page2Component}
]

angular的路由使用方法和ui-router類似,只是寫法不同。

1.ui-route之ui-sref :routerLink//鏈接
用法 :page1

2.ui-route之ui-view : router-outlet//展示div
用法:

3.ui-route之state: Router.navigate()//路由跳轉
用法:

constructor(private router: Router)
 this.router.navigate(["/page2"])  

4.ui-route之otherwise: path:"**"http://路由跳轉
用法 :{path:"**",component:errorComponent}

angular路由傳遞參數

1.queryParams

使用方法 :傳入 page1;
接受:constructor(private routeInfo:ActivatedRoute);
      cosole.log(this.routeInfo.snapshot.queryParams["id"])
      

2.鏈接

使用方法 :
routes預先設置需要傳入的參數:path:"/page1/:id/:age"
傳入 page1;
接受:constructor(private routeInfo:ActivatedRoute);
      cosole.log(this.routeInfo.snapshot.params["age"]);
      

3.配置

使用方法 :
routes預先設置需要傳入的參數:{path:"page1",data:[{age:5}]}
接受:constructor(private routeInfo:ActivatedRoute);
      cosole.log(this.routeInfo.snapshot.data[0]["age"]);     
      

參數快照snapshot與參數訂閱subscribe區別與使用:

如果只是使用一次的話,其實使用snapshot就可以。
subscribe有一點類似于監聽$watch。
用法    constructor(private routeInfo:ActivatedRoute);
      this.routeInfo.params.subscribe((data)=>{console.log(data["age"])});



文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92516.html

相關文章

  • Angular路由導航的7個步驟

    摘要:路由過程的個步驟每次點擊鏈接或瀏覽器改變時,路由器都會確保應用程序做出相應的反應。一旦所有的都已完成,其返回值是合并的路徑的然后路由器繼續步驟。你可以使用助記記住路由器經過的步驟的順序。 路由過程的7個步驟 每次點擊鏈接或瀏覽器URL改變時,Angular路由器都會確保應用程序做出相應的反應。 為了做到這一點,Angular路由器執行以下7個步驟的順序: 解析(Parse):它解析...

    BLUE 評論0 收藏0
  • 【CuteJavaScript】Angular6入門項目(1.構建項目和創建路由

    摘要:啟動服務,并打開新窗口可簡寫創建新組件可簡寫創建新服務創建路由模塊其他另外還有很多的命令提供,詳細可以查閱官方文檔命令。引入路由模塊導出路由模塊的指令這里需要添加一個數組,并傳入,導出讓路由器的相關指令可以在中的組件中使用。 本文目錄 一、項目起步 二、編寫路由組件 三、編寫頁面組件 1.編寫單一組件 2.模擬數據 3.編寫主從組件 四、編寫服務 1.為什么需要服務 2....

    bergwhite 評論0 收藏0
  • 利用angular4和nodejs-express構建一個簡單的網站(四)—angular路由初步

    摘要:為了做到這一點,我創建了一個服務提供商,通過的消息推送來實現。最后聲明一個來發送修改過的對象。根組件,創建它并插入宿主頁面。路由的作用是在找不到任何路由時,訪問組件。定義路由數組后,用裝飾器導入,并將路由數組傳遞給的數組。 上一篇文章對用戶發來的注冊和登錄信息進行了處理,并實現了將注冊用戶信息插入到mysql數據庫的數據表和從mysql數據庫的數據表中查詢到用戶的登錄信息并返回用戶認證...

    Zhuxy 評論0 收藏0

發表評論

0條評論

LeexMuller

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<