angulaire.js - Comment changer le style des boutons après un routage angulaire ?
高洛峰
高洛峰 2017-05-15 17:11:10
0
2
621

Comme mentionné, je souhaite changer le style du bouton après le routage, c'est-à-dire qu'après avoir cliqué sur le lien à propos, la classe active devrait disparaître de l'API et être transférée vers à propos.

Mais je ne veux pas l'implémenter via dom (j'ai l'impression que j'utilise toujours jquery pour résoudre le problème). Puis-je demander comment obtenir l'élégance dans Angular ?

<ul class="nav navbar-nav">
     <li class="active"><a href="#/">API</a></li>
     <li><a ng-href="#/about">About</a></li>
</ul>
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous(2)
黄舟
$scope.$state = $state;
<ul class="nav navbar-nav">
     <li ng-class="{'active': $state.current.name = 'main'}"><a href="#/">API</a></li>
     <li ng-class="{'active': $state.current.name = 'about'}"><a ng-href="#/about">About</a></li>
</ul>

Remplacez le nom de l'itinéraire ci-dessus par le nom actuel

Vous pouvez également utiliser la commande ui-router, reportez-vous à

黄舟

Vous pouvez utiliser l'instruction ng-class bool pour déterminer, lier l'événement click et transmettre le $index de li.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal