Le routage du développement front-end d'Angular.js change mais l'interface ne change pas.

Question

D'abord, j'ai utilisé ng-switch pour contrôler l'affichage de l'interface, puis j'ai directement défini herf="/region#create" sur le nouveau bouton de région, puis j'ai changé la valeur de ng-switch pour afficher différentes interfaces, mais je ne sais pas pourquoi cela se produit, comme indiqué ci-dessous, c'est-à-dire que parfois l'interface ne saute pas lorsque je clique dessus pour la première fois, elle se rafraîchit simplement, puis le routage change, je dois donc configurer différents ng - Le routage n'est pas configuré correctement lorsque le commutateur affiche l'interface. Le problème se pose, je veux donc que tout le monde m'aide à réfléchir à la façon de résoudre ce problème, car la console ne s'affiche pas, puis la fonction du bouton est à nouveau exécutée, mais la valeur de ng-switch n'a tout simplement pas changé. Je ne peux pas accéder à l'interface à laquelle il doit accéder. De plus, ce type d'erreur se produit une fois normalement et une fois anormalement. Par conséquent, veuillez me fournir des idées ou des méthodes pour résoudre le problème. Parce que le code est trop complexe et trop déroutant, je ne le publierai pas ici. Image : Description de l'image

Answer 1

Ouvrez la console, vérifiez l'erreur et enfin ajoutez, veuillez utiliser Chrome pour développer une application angulaire

Answer 2

Je ne sais pas comment écrire le code. Il y a un problème avec votre saut de routage. Utiliser directement href pour sauter entraînera certainement l'actualisation de la page et la perte du statut. point d'ancrage. Pour le routage frontal angulaire, vous pouvez utiliser ui-router.

Answer 3

Je vous suggère d'utiliser ui-router,
le routage peut être implémenté comme suit :

$stateProvider
.state('region', {
    url: '/region',
    abstract: true,
    template: '<ui-view></ui-view>',
    controller: 'RegionCtrl',
}).state('region.create', {
url: '/create/:id', //若需要id
templateUrl: 'create.html',
controller: 'RegionCtrl',
})；

Le href est directement href="#create". Vous pouvez lire la documentation officielle pour plus de détails. Très pratique.

Answer 4

Il est également recommandé d'utiliser ui-router