這是我最近實現的一個 Angular UI 框架,它繼承自很有名的 Element UI,也算是另一種實現~
目前已經有 30 + 組件啦
這裏是 GITHUB
大家可以用用看…
連到 Element for Angular 網站就可以發現網站也是用 Angular 開發的,
只是目前只有前端路由,所以只要重新整理就會掛掉。
https://element-angular.faas.ele.me
謝謝提醒。
文檔的網站代碼就是 Element Angular 的示例加 CDN
實現的,因沒有 Server
導致的問題,不過已經解決了。
可以分享一下解決方案:
CDN
默認返回一個 200 頁面,此頁面含有一段代碼:
location.href = location.origin + '?pathname=' + location.pathname
目的是把 pathname
轉化為 search params
,避免 Angular 路由報錯,同時重定向至主頁。
在主頁面,也就是 app.component.ts
中:
const search: string = this.location.search
const pathname: string = ExAppComponent.getTargetPathName(search)
pathname && this.router.navigate([pathname])
投機取巧的把 srarch params
取出來,手動控制 Angular 的路由跳轉,這樣就完成了無服務器純依賴 CDN
的手工跳轉。當然這損失了一次加載 200 HTML 與主頁面的 DOM Load 時間 (資源依賴 CDN 緩存),並不是一個最優的方案,不過相對服務器來說更輕了。