angular routerlink 和一般的link

angula

Zaku 2018-11-02 00:55:01 ‧ 1303 瀏覽

分享至

angular 在使用 routerlink 子頁面基本上就是只有<router-outlet>區塊被置換，如果是在同一個畫面內(height:100%)滿自然的，但要是畫面比較長，又抽換掉所有的物件時轉進新頁面不會回到最頂部，會直接滾動(應該說停留)定位在下方你瀏覽的最後位置，這樣變得很不好的體驗。若是整頁元件都抽換掉會建議用一般的link?angular有什麼這方面的操作嗎，轉跳後回頂部

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

aa71435723

iT邦新手 5 級 ‧ 2018-11-02 10:10:35

Angular6之後，好像有之類的用法(我沒實作過)。
RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})

回應 3
分享
檢舉

Zaku iT邦新手 3 級 ‧ 2018-11-02 11:38:21 檢舉

感謝大大我查一下

Zaku iT邦新手 3 級 ‧ 2018-11-02 13:43:56 檢舉

炸掉了不能用，不知為何，
error TS2345: Argument of type '{ imports: (ModuleWithProviders<RouterModule> | { scrollPositionRestoration: string; })[]; export...' is not assignable to parameter of type 'NgModule'.
但確實是看到有人發文:https://medium.com/lacolaco-blog/introduce-router-scroller-in-angular-v6-1-ef34278461e9
我版本有高於6.0