recherche

Maison  >  Questions et réponses  >  le corps du texte

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

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使用不熟练,求大神解答我这思路是不是正确的,能实现的话给出详细的代码;不正确的话,有什么别的办法吗,也请给出详细的代码,谢谢了!!

怪我咯怪我咯2744 Il y a quelques jours885

répondre à tous(5)je répondrai

  • 天蓬老师

    天蓬老师2017-05-15 17:00:20

    Il suffit de configurer une vue ui, il vous suffit de charger différents modèles pour différents états

    répondre
    0
  • PHPz

    PHPz2017-05-15 17:00:20

    Cela n'a rien à voir avec l'interface utilisateur-routeur. Le changement de page ordinaire lui-même ne peut pas enregistrer l'entrée dans l'entrée
    Vous pouvez :

    1. Les données saisies sur la page sont conservées dans le backend lors du changement d'onglet, c'est-à-dire qu'elles sont enregistrées en premier lors du changement d'onglet

    2. ou enregistrer dans le service

    3. Ou enregistrez-le sur le stockage local
      En bref, trouvez un endroit pour l'enregistrer, puis récupérez-le lorsque vous revenez

    Référence également à : sof

    répondre
    0
  • 漂亮男人

    漂亮男人2017-05-15 17:00:20

    Tout d'abord, changer d'onglet ne nécessite pas de rafraîchir la page. Vous pouvez utiliser angulaire.factory pour créer un cache et mettre en cache les données après modification. Si vous n'utilisez pas de routeur et souhaitez utiliser ng-show pour contrôler l'affichage de quatre vues, vous pouvez remplacer ui-view par include

    répondre
    0
  • 阿神

    阿神2017-05-15 17:00:20

    Chaque onglet correspond à une vue ui, et chaque page peut être affichée dans une vue différente

    répondre
    0
  • 天蓬老师

    天蓬老师2017-05-15 17:00:20

    angular.factory crée un cache et met en cache les données après modification, @prototype

    Utiliser le cache, c'est une bonne idée, je l'ai appris

    répondre
    0
  • Annulerrépondre