Angular2入坑指南傳參

前兩天在群裡問了很長時間如何傳參的問題，好多人都沒有回答，不知道是他們不會，還是不屑於回答，反正就是沒人理我。我想，一定會有剛入坑的小夥伴對於如何傳參這個問題絞盡腦汁，那麼好，你們的福音來了，接下來就讓老猴子我來為大家分析下，如何傳參，以及單資料、多數據傳參和接收引數的方式。

第一種是本地路由傳參：

ng2最大的特點就是他的路由機制，非常nb啊有木有，ng1要寫好多好多的控制器，還要用非常繁瑣的語法去表達，ng2-ng4就不用老版本那樣繁瑣了，只需要在路由上面就可以輕鬆的傳遞本地引數。路由傳參有三種方式：

① 第一種：routerlink

廢話不多說，上**：拿a標籤為例

1) 單資料：

2) 多資料：

② 第二種：router.n**igate

1) 單資料：

this.router.n**igate(['./index',id]);

2) 多資料：

this.router.n**igate(['./index'],});

③ 第三種：router.n**igatebyurl

1) 單資料：

this.router.n**igatebyurl('./index/id');

2) 多資料：

this.router.n**igatebyurl('./index?name=john');

對於路由傳過去的引數如何接收呢，有兩種方式可以接收引數，我們既可以使用網頁快照的形式來獲取資料，也可以使用queryparams來接收，就是怎麼傳過去的，就怎麼接收過來，請看下面例子：

① 網頁快照

import  from '@angular/router';
public data: any;
constructor( public route: activateroute ) ;
ngoninit();

② queryparams

import  from '@angular/router';
public sub: any;
public data: any;
constructor( public route: activateroute ) ;
ngoninit());
};

第二種是訪問後台資料庫傳參

其原理是通過http請求後台資料，然後使用localstorage快取到本地進行傳參，反正怎麼著都是要存到本地再傳遞引數，建議：資料量小的可以通過路徑傳參的方式進行資料互動，資料量大的，為了保證安全性，最好是使用localstorage傳遞引數。

Angular2入坑指南 傳參