angular.js - angularjs不同标签页切换 ui-view，且不 刷新页面

Question

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>

如图所示，点击不同的标签，ui-view区域显示不同的页面。但是在切换页面的同时，会重新刷新页面，我在页面上的操作都会被刷新掉。我想实现大概如：

    <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> 

通过不同的标签页来控制不同ui-view的显示，或隐藏，同时保留用户的操作，不用刷新页面。
刚学习angularjs，对ui-view使用不熟练，求大神解答我这思路是不是正确的，能实现的话给出详细的代码；不正确的话，有什么别的办法吗，也请给出详细的代码，谢谢了！！

Answer 1

Ia cukup untuk menyediakan paparan-ui, anda hanya perlu memuatkan templat berbeza untuk keadaan berbeza

Answer 2

Ini tiada kaitan dengan penghala-ui biasa sendiri tidak boleh menyimpan input dalam input
Anda boleh:

1. Data yang dimasukkan pada halaman dikekalkan ke hujung belakang apabila menukar tab, iaitu, ia disimpan dahulu apabila menukar tab

2. atau simpan ke perkhidmatan

3. Atau simpan ke storan setempat
   Ringkasnya, cari tempat untuk menyimpannya, dan kemudian dapatkannya apabila anda bertukar kembali

Juga rujuk: sof

Answer 3

Pertama sekali, menukar tab tidak memerlukan muat semula halaman Anda boleh menggunakan angular.factory untuk membuat cache dan cache data selepas pengubahsuaian. Jika anda tidak menggunakan penghala dan ingin menggunakan ng-show untuk mengawal paparan empat paparan, anda boleh menggantikan ui-view dengan include

Answer 4

Setiap tab sepadan dengan paparan ui, dan setiap halaman boleh dipaparkan dalam paparan berbeza

Answer 5

angular.factory mencipta cache dan menyimpan data selepas pengubahsuaian, @prototype

Gunakan cache, ini idea yang bagus, saya mempelajarinya