全新的角度,我只是希望能有一些指導,我可以在jQuery中相對較快地實現。Angular的Gmail樣式選項卡
作爲一個寵物項目,我想出一個漫畫組織者的網絡應用程序來學習角度。我開始在jQuery的項目看,像這樣......
<div id='main'>
<div id='library'>
</div>
<div id='series' data-currently-loaded-series='1234'>
</div>
<div id='comic' data-currently-loaded-comic='4321'>
</div>
</div>
現在我基於這種設計過的Gmail中是如何工作的,它不破壞它的標籤只是隱藏它們,或者對其進行緩存,讓你」我永遠不會加載兩次相同的信息。
點擊庫中的一個系列將其加載到系列div中。如果「正在加載的系列ID」與我正在加載的系列ID相匹配,則它將不會加載任何內容,因爲它看到它已經加載它,等等等等......
我覺得這種設計對我的小項目來說是非常寶貴的,因爲很多漫畫封面圖片都是高分辨率,並且在視圖之間瀏覽會有點毫無意義,我當然知道圖片通常由瀏覽器緩存,但我仍然看不到原因當我可以簡單地隱藏它們時摧毀divs。我想我正在儘量減少數據請求。
我見過這個選項卡的一些例子,就像互聯網上的行爲,但gmail就像我能找到的唯一的實例,他們沒有銷燬以前的導航視圖/選項卡。
進入角...
我發現,諧音和視圖之間切換時,它會破壞舊的數據,我也不太清楚,如果這種行爲可以被禁用。我認爲我可以設置與之前相同的div佈局,只需加載多個視圖並切換,但Angular不能很好地處理多個視圖(顯然UI-Router可能是解決方案)。即使這樣做所有在一個視圖將不會是理想的,因爲我不太確定我可以使用URL路由...
我想我的最終問題是否有人知道此選項卡的名稱gmail應用緩存機制?如果沒有人能指出我如何去創造類似的東西?
謝謝