Angular2 路由問題修復 求解

2021-09-07 09:31:40 字數 1425 閱讀 8136

angular2 提供了比angular1 更為強大的路由功能,但是在具體使用路由過程中,可是出現了很多路由不按照預想的方式執行的問題。為了說明今天的問題,我特地新建了乙個測試工程。歡迎交流。

首先介紹一下測試**的組織結構,

其中包含兩個元件:button、accordion。這個例子採用的是ng2-bootstrap.

我展示一下路由配置:

1/**

2* created by guozhiqi on 2017/2/24.3*/

4 import from '@angular/router';

6 import from './layout/layout.component';

78 export const routes:routes=[9,

14,2226]27

},28

32 ];

這段路由中我定義了預設路由,會跳轉到button,但是我採用最新的angular-cli,並沒有進行跳轉,並且預設路由並沒有使用layoutcomponent元件,這是最大的問題,因為layoutcomponent元件是整個頁面的樣式檔案。

目前的結果什麼呢?

執行結果:

1.accordionmodule在buttonmodule前面

2.buttonmodule在accordionmodule前面

請注意,更改了順序以後,務必重新編譯,重新執行 ng serve命令。

angular2 路由傳多個引數

angular 2在路由平日裡都是 const routes routes 這樣子來新增引數的,但是有的時候如果多個引數,那麼我們只能 const routes routes 這樣子的話,如果id沒有,或者名字沒有就沒法跳轉到對應的頁面了,而且平日裡的js的url請求引數 traject?id 1 ...

angular2 問題請教

angular2 通過http服務進行對後端api的遠端呼叫?我簡單的嘗試了一下,發現了幾個問題,記錄一下,以方便查詢問題。angular2 http服務的跨域問題?跨域本身就是乙個很複雜的問題,angular2對跨域的處理。angular2 如果在providers中加入http服務會出現什麼問題...

angular6 路由配置

一.簡述 方便我們可以url方式和鏈結的方式使用該元件,不僅僅通過元件選擇器使用它。二.配置路由 第一步 建立路由檔案 routing flat module 第二步 修改路由檔案 第三步 建立乙個登入元件 ng generate component login第四步 路由檔案中配置登入元件 注意 ...