ionic裡面ui router的一些奇葩問題

2022-05-02 06:27:09 字數 796 閱讀 4993

在使用路由的時候,不能避免的肯定是要定義和傳遞引數的,ui-router定義引數的方式好像有三種、這裡我常用的兩種就夠用了

第一種

.state('tab.goodslist', }})

第二種

.state('goodsdetail', )

不同的方式在ui-self和href時傳值的時候是不一樣、這個注意一下就好、

在ionic中使用?id&type這種方式定義引數、然後傳值、在頁面跳轉和返回的時候會有點問題、這個問題不好描述、就是商品分類點選不同分類進入列表。然後點選進入商品詳情、從商品詳情返回到分類列表的時候就會有問題、本來分類商品列表頁的返回按鈕應該是返回到首頁的、但是此時卻顯示分類列表的標題

也就是當前分類列表頁面的鏈結、導致怎麼都返回不到首頁

在用/:id/:type這種方式的時候又遇到一種問題

請看url

第一級 http://localhost:8016/#/goodsdetail/0 這個路由定義是 /goodsdetail/:id/:state

第二級http://localhost:8016/#/goodsdetail/share?id=0 這個路由定義是/goodsdetail/share/:id

然後我在第二級的頁面f5重新整理的時候頁面竟然渲染的是第一級的內容 。、是不是很奇葩、我想了一下不知道是不是因為定義的路由 /個數一樣的問題、、、他把share也當成引數了。。。。

反正我是遇到了這種奇葩問題、然後我就改成 /goodsdetail/share?id這種方式就行了

Angular中ui router實現路由巢狀案例

學習 ui router 資料整理 對於angular內建的路由是單路由檢視,ui router可以實現路由巢狀。後面將會有乙個案例概括前面所有資料整理 學習 ui router 管理狀態 學習 ui router 狀態巢狀和檢視巢狀 學習 ui router 多個命名的檢視 ui router 多...

Ionic入門 Ionic 列表

看過ionic官網的,都知道ionic有成型的css文件和js文件.對於初學者來說,幫助文件是最好的學習材料.在剛接觸ionic和angularjs的時候,基本的東西都不了解,就經常性的看文件.看demo,實現一下,發現移動端挺好玩的,介面又好看.今天介紹一下ionic列表,其實也是羅列一下常用的幾...

為什麼推薦用ui router替代ngRoute

ui router 的工作原理非常類似於 angular 的路由控制器,但它只關注狀態。ui router是乙個web客戶端的路由解決方案,它最大的作用是將web介面的設計分塊了 ui router被認為是angularui為開發者提供的最實用的乙個模組,它是乙個讓開發者能夠根據url狀態或者說是 ...