html:
<p class="nav">
<p class="nav_container">
<span ng-repeat="nav in navs" ui-sref-active="li_selected" ui-sref=".{{nav.url}}">
{{nav.name}}
<em ng-click="CloseNav(nav.value)"></em>
</span>
</p>
</p>
<p class="content clearFix" >
<p ui-view="" ng-style="high" style="overflow:auto;"></p>
</p>
如圖所示,點(diǎn)選不同的標(biāo)籤,ui-view區(qū)域顯示不同的頁(yè)面。但在切換頁(yè)面的同時(shí),會(huì)重新刷新頁(yè)面,我在頁(yè)面上的操作都會(huì)被刷新掉。我想實(shí)現(xiàn)大概如:
<p ui-view="html1" ng-show="html1"></p>
<p ui-view="html2" ng-show="html2"></p>
<p ui-view="html3" ng-show="html3"></p>
<p ui-view="html4" ng-show="html4"></p>
透過(guò)不同的標(biāo)籤頁(yè)來(lái)控制不同ui-view的顯示,或隱藏,同時(shí)保留使用者的操作,不用刷新頁(yè)面。
剛學(xué)習(xí)angularjs,對(duì)ui-view使用不熟練,求大神解答我這思路是不是正確的,能實(shí)現(xiàn)的話給出詳細(xì)的代碼;不正確的話,有什麼別的辦法嗎,也請(qǐng)給出詳細(xì)的代碼,謝謝了! !
走同樣的路,發(fā)現(xiàn)不同的人生
設(shè)定一個(gè)ui-view就夠了,只需要對(duì)不同的state載入不同的temlpate
你這個(gè)跟ui-router無(wú)關(guān),普通的頁(yè)面切換本身就不能保存input裡面輸入的東西
你可以:
頁(yè)輸入的數(shù)據(jù),當(dāng)切換tab時(shí)持久化到後端,即切換先保存
或保存到service中
或儲(chǔ)存到localstorage中
總之找個(gè)地方存起來(lái),再切換回來(lái)的時(shí)候再拿到
另可參考:sof
首先,切換tab不需要刷新頁(yè)面,可以用angular.factory建立一個(gè)緩存,資料修改後進(jìn)行緩存。如果沒(méi)有用router,想用ng-show控制4個(gè)view的顯示,可以把ui-view換成include
每個(gè)tab對(duì)應(yīng)一個(gè)ui-view,每個(gè)頁(yè)顯示在不同的view裡面就可以了
angular.factory建立一個(gè)緩存,資料修改後進(jìn)行緩存,@prototype
使用緩存,這思路不錯(cuò),我學(xué)習(xí)了