最近、特に従属フレームパッケージの導入のための各バージョンにおけるいくつかの違いが、ある角度開発するためのフロントエンドのフレームワークとして使用される場合、インターネットは次の点に注意することは主に、いくつかの情報の照合を収集することを見出しました。
図1に示すように、分割点としてAngular4.3へのHTTPコールが
1）、インポートモード
| 旧バージョン | 新しい（> V4.3） |
|---|---|
|
'@角度/ HTTP' からインポート{}のHttp。
|
インポート{HttpClientを}角度/共通/ HTTP @ 'から。
|
|
インポート{ヘッダ}角度/ HTTP @ 'から。
|
インポート{HttpHeaders}角度/共通/ HTTP @ 'から。
|
| インポート{要求}角度/ HTTP @ 'から。 | インポート{}のHttpRequest '角度/共通/ HTTP @' から。 |
|
「角度/ HTTP @」からインポート{応答}。
|
インポート{}のHttpResponse '角度/共通/ HTTP @' から。 |
|
......
|
...... |
2）の例を呼び出します
| 呼ばれます | 旧バージョン | 新しい（> V4.3） |
| 取得する | http.get （URL）。地図（応答：応答）=> {response.json（）XXXX进行引用} | HttpClientを。（URL）を取得します。パイプ（マップ（項目=>項目[ 'XXXXXX']））; } |
| 役職 | ヘッダー=新しいヘッダ（{「コンテンツタイプ」：「アプリケーション/ JSON」}）。 |
ヘッダー=新しいHttpHeaders（{ 'コンテンツタイプ'： 'アプリケーション/ JSON'}）。 。置くhttpClient.post（URL）（URL、JSON.stringify（本体）、{ヘッダ：ヘッダ}）管（マップ（項目=> { |
| プット | ヘッダー=新しいヘッダ（{「コンテンツタイプ」：「アプリケーション/ JSON」}）。 |
ヘッダー=新しいHttpHeaders（{ 'コンテンツタイプ'： 'アプリケーション/ JSON'}）。 。置くhttpClient.put（URL）（URL、JSON.stringify（本体）、{ヘッダ：ヘッダ}）管（マップ（項目=> { |
| 削除 | HTTP。削除（URL）。地図（応答：応答）=> {response.json（）XXXX进行引用} |
HttpClientを。（URL）を削除します。パイプ（マップ（項目=>項目[ 'XXXXXX']））; } |
| サブスクライブするために使用される観察値：.subscribe（Respose = > {}参照のために応答を使用して） |
||
図2に示すように、境界点rxjs6にrxjs変換
1）、インポートモード
| インポートタイプ | 旧バージョン | 新しい（rxjs6） |
| 観測可能 | インポート「/ rxjs観察」から{観測}。 | インポート「rxjs」から{観測}。 |
| 地図 | インポート 'rxjs / /オペレータ/マップを追加します'; | 'rxjs /事業者からインポート{地図}。 |
| fromPromise | インポート 'rxjs / / /観測fromPromiseを追加します'; | 'rxjs' からインポート{fromPromise}。 |
2）、APIの名前変更
| 旧バージョン | 新しい（rxjs6） |
| 行う（） | タップ（） |
| キャッチ（） | catchError（） |
| スイッチ（） | switchAll（） |
| 最後に（） | 確定（） |
| スロー（） | throwError（） |
| 新しい（rxjs6）演算子はすべて、管理するために、次のrxjs /オペレータに焦点を当てます | |
あまりにも空の具体的な使用は、旧バージョンは、httpツールの新バージョンを整理します。