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>

Comme le montre l'image, cliquez sur différentes étiquettes et la zone d'affichage de l'interface utilisateur affiche différentes pages. Mais lors du changement de page, la page sera actualisée et toutes mes opérations sur la page seront actualisées. Ce que je veux réaliser est à peu près le suivant :

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

Contrôlez l'affichage ou le masquage de différentes vues d'interface utilisateur via différents onglets, tout en conservant les opérations de l'utilisateur sans actualiser la page.
Je viens d'apprendre Angularjs et je ne maîtrise pas l'utilisation de ui-view. Veuillez me dire si cette idée est correcte. Si elle peut être implémentée, veuillez fournir un code détaillé. Si elle n'est pas correcte, existe-t-il un autre moyen ? donnez-le. Code détaillé, merci ! !