Je ne construis pas une application à une seule page, mais plutôt un site "traditionnel" qui utilise angularjs dans des endroits. J'ai frappé le problème suivant (en utilisant 1.3.0-bêta.6):
Liens d'ancrage de travail: P>
<div ng-include="'test-include.html'"></div>
5 Réponses :
La raison est que l'angulaire remplace le comportement des balises HTML standard qui incluent Vous devez remplacer l'attribut href avec NgClick comme: p> update: Strong> Je ne savais pas que vous ne voulez aucune modification dans HREF. Mais vous pouvez toujours obtenir le résultat souhaité en remplaçant la directive existante démonstration: http://jsfiddle.net/hb7lu/3263/ p> p> code> également. Je ne sais pas quand ce changement s'est passé parce que l'angulaire v1.0.1 fonctionne bien avec cela. myApp.directive('a', function() {
return {
restrict: 'E',
link: function(scope, element) {
element.attr('href', '#' + element.attr('href'));
}
};
});
p> A code> comme: p>
De OP suit que le défilement fonctionne si aucun NG-Inclure a été utilisé, votre première hypothèse semble être incorrecte. De plus, op veut / ne peut pas faire de tours avec href , donc probablement la deuxième option ne fonctionnerait pas non plus.
Artitur, correct. J'ai une démo de travail utilisant exactement la technique suggérée par CODEF0RMER, mais refactore malheureusement tous les liens internes n'est pas une option (pas B / C c'est trop de travail, mais parce que nous allons alimenter des applications fournies par des parties extérieures de confiance et nous pouvons Il leur demande d'écrire toutes leurs ancrages de manière particulière, ce qu'ils ne pourraient pas être en mesure de tester à l'avance, etc.). Nous recherchons vraiment une manière non intrusive pour y accomplir. Merci cependant, codef0rmer.
ArturGrgrzesiak, merci de me corriger comme je me suis trompé dans mon hypothèse, mais @shacker, vous pouvez le mettre à jour à l'aide de directives personnalisées (voir la mise à jour ci-dessus).
Cette réponse presque fonctionne - la navigation se produit correctement, mais l'URL affichée change alors à / ## foo - comment ferais-je le montrer à une normale / # foo? Merci.
@shacker: convertit angulaire #foo à # / foo` - si cela vous convient, il vous convient simplement de regarder $ itinéraire événement et de mettre à jour le hachage.
Merci pour la directive Crétache CodeF0RMER. Fini par aller avec l'approche de la fonction plutôt que la directive, mais c'était un appel difficile. Merci beaucoup.
La solution de directive était parfaite pour mon client IE8. Merci!
Avez-vous