使用Angular快取父頁面資料的方法

2022-10-08 10:42:07 字數 798 閱讀 2457

angular做單頁面應用是乙個比較好的框架,但是它有一定的入門難度,對於新手來說可能會碰到很多坑,也有許多難題,大部分仔細看文件,找社群是能解決的。

但有些問題也許資料比較少,最近遇到過乙個要快取父頁面的問題,就是點選進入子頁後,再返回時父頁面的資料要快取下來,包括滾動條的位置。再做的過程當中查過

許多資料,都說的不很詳細,今天把方法記錄下來,供參考。

要想快取,要用到巢狀路由程式設計客棧(ui-router):

有三個巢狀的方法:

巢狀路由如有不明白的,大家可以自己去google下。

1.在路由中配置好後,在父頁面中設定乙個子view.

路由配置:

$stateprovider

.state('parent', {})

.state('parent.sub',

} });

2.配置好後,在父頁面新增view和名字(如果程式設計客棧只有乙個ui-view,名字可以不要)

parent.html

……3.這時由父頁面進去後,子頁面sub.html會載入到name為subview中

在子頁面中返回時,用angular的$window.history.back();

注意:這裡返回時父頁gimkptfjc面的controller將不在執行

進行以上配置後就可以快取到父頁面的資料了,返回時不會重新整理,在進入子頁面時大家最好把父頁面隱藏(不隱藏是把內容高度設為100%),返回時再顯示,這樣避免子父頁面都有輸入框下,按下tab時會把父頁面顯示的bug

本文標題: 使用angular快取父頁面資料的方法

本文位址:

用angular怎麼快取父頁面資料

angular做單頁面應用是乙個比較好的框架,但是它有一定的入門難度,對於新手來說可能會碰到很多坑,也有許多難題,大部分仔細看文件,找社群是能解決的。但有些問題也許資料比較少,最近遇到過乙個要快取父頁面的問題,就是點選進入子頁後,再返回時父頁面的資料要快取下來,包括滾動條的位置。再做的過程當中查過 ...

使用Cache快取Page頁面

使用cache outputcache duration 15 varybypara none 頁面使用cache,cache的有效期為15 seconds 使用 表示,放在page load裡面 cache manager可以控制這個頁面 告訴cache manager,頁面的有效期為當前時間 1...

使用Cache快取Page頁面

使用cache outputcache duration 15 varybypara none 頁面使用cache,cache的有效期為15 seconds 使用 表示,放在page load裡面 cache manager可以控制這個頁面 告訴cache manager,頁面的有效期為當前時間 1...