angulaire.js - conflit entre Angularjs et jquery-mobile sur le routage frontal

Question

Actuellement, la vue partielle est actualisée et certains styles de jquery-mobile deviendront invalides, nécessitant une actualisation forcée de la page entière. Comment actualiser la page entière ? Supplément : si vous utilisez location.replace(), utilisez d'abord location.replace('page/page1.html) pour localiser directement l'emplacement spécifique, comme ceci...

PHPz · Answer

Processus de résolution

Vous devez forcer l'actualisation de la page entière, l'actualisation partielle n'est pas possible
C'est l'effet de F5
=====================>
J'ai trouvé ça après avoir rafraîchi url会变化
Si l'url ne change pas, alors nous pouvons utiliser window.reload
Nous devons donc résoudre le problème des changements d'URL
=====================>
Parce que la page continue de signaler une erreur de chargement de la page
J'ai vérifié et c'est jquery-mobile
Ensuite, j'ai bloqué les fichiers JS et CSS de JQM et j'ai trouvé URL变化是JQM引起的
Trouver des solutions associées
=====================>
Oh, si tu veux persisterjquery-mobile+angular
Vous devez utiliser le saut de page de jqm.
=====================>
Le cadre de l'interface utilisateur frontale est remplacé par jquery-mobile par bootstrap

Conclusion

jqm和angular关于前端路由方面有冲突,
Si vous insistez pour utiliser jqm, vous ne pouvez pas utiliser le routage frontal d'angular. Vous devez utiliser le jq de jqm pour écrire des sauts de page, ce qui peut rendre la page compliquée.
Il a donc fallu une demi-journée pour le remplacer par bootstrap.

ringa_lee · Answer

emplacement.href ? emplacement.hash ?

高洛峰 · Answer

Si cela ne fonctionne pas, utilisez simplement jquery. Qu'en pensez-vous ?

PHP中文网 · Answer

Je ne sais pas pourquoi, mais j’ai vraiment envie de t’aider quand je vois ta situation. Actuellement j'intègre également JQM et Angularjs et j'ai quelques idées !
Concrètement, configurez certains paramètres lors de l'initialisation de jqm :

    $( document ).on( "mobileinit", function() {
        $.mobile.page.prototype.options.domCache = false;// 关闭缓存
        $.mobile.initializePage = false;
        $.mobile.defaultPageTransition = "fade";
        $.mobile.autoInitializePage = true;
        $.mobile.hideUrlBar = false;
        $.mobile.linkBindingEnabled = false;
        $.mobile.hashListeningEnabled = false;
        $.mobile.ajaxEnabled = false;

    });

Veuillez vous référer à la documentation officielle de l'API pour chaque configuration.
L'une de ces configurations consiste à résoudre le problème de conflit d'URL, qui consiste à désactiver le routage JQM.

Comment configurer le routage ? L'actualisation de la page doit-elle actualiser la page actuelle au lieu de passer à la page d'accueil ?

Question originale : Comment rafraîchir la page entière en angulaire ?

Processus de résolution

Conclusion