angularjs 1.6.0 (dernière maintenant) pour les trajets de travail

Je m'attendais à voir cette question sur Stackoverflow, mais n'a pas. Apparemment je suis le seul à avoir ce problème qui me semble être très commun.

J'ai un projet de base que je suis en train de travailler sur mais les routes ne semblent pas fonctionner, même si tout ce que j'ai fait jusqu'à présent semble être de droite.

J'ai ce bout de code html dans mon index.html fichier:

<html>
<head ng-app="myApp"> 
    <title>New project</title>
    <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script>

    <script src="app.js"></script>
</head>
<body>
    <a href="#/add-quote">Add Quote</a>
    <div ng-view ></div>
</body>
</html>

et voici mon app.js:

var app = angular.module('myApp', ['ngRoute']);


app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/add-quote', {
            templateUrl: 'views/add_quote.html',
            controller: 'QuoteCtrl'
        })
        .otherwise({ redirectTo: '/' });
}]);

Maintenant, quand je viens de visiter la page, voici ce que j'obtiens dans l'url:

http://localhost:8000/admin#!/

et quand je clique sur le Add quote bouton, j'obtiens ceci:

http://localhost:8000/admin#!/#%2Fadd-devis

Ce que peut être le problème?
Merci pour l'aide

InformationsquelleAutor Awa Melvine | 2016-12-18
  1. 165

    Simplement utiliser hashbang #! dans le href:

     <a href="#!/add-quote">Add Quote</a>

    En raison de aa077e8, le hachage par défaut-préfixe utilisé pour $emplacement de hachage-bang Url a changé à partir de la chaîne vide ('') pour le bang ('!').

    Si vous voulez vraiment ne pas avoir de hachage-préfixe, vous pouvez restaurer le comportement précédent en ajoutant un bloc de configuration de votre application:

    appModule.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
}]);

    Pour plus d'informations, voir

    Désolé pour monter sur mes grands chevaux, mais... Comment fait-il libéré? C'est énorme, la rupture de bug. — @MiloTheGreat

    La modification de rupture que par #14202 doit être restauré comme la spécification de référence a déjà été officiellement obsolète #15715

    Je vais fermer ce sujet car nous n'avons pas tous les commentaires. Hésitez pas à rouvrir cette question si vous pouvez fournir de nouveaux commentaires.

    — https://github.com/angular/angular.js/issues/15715#issuecomment-281785369

    • Désolé pour monter sur mes grands chevaux, mais... Comment fait-il libéré? C'est énorme, la rupture de bug.
    • n'hésitez pas à laisser vos commentaires avec le AngularJS l'Équipe de github.com/angular/angular.js/issues/15715
    InformationsquelleAutor georgeawg
  2. 39

    Il suffit d'inclure le ! dans le href:

    <body>
    <a href="#!/add-quote">Add Quote</a>
    <div ng-view ></div>
</body>
    • Wow gaspillée heures suivant obsolète tutoriels sur le routage .. tout ce que je manquait, c'était le '!'. Merci!!!!
    • Avec tous les jumpo mumpo sur les hachages et les hashbang je n'ai jamais pensé que "!" comme dirait un caractère illégal qui s'affiche sans référence. Et si je viens de l'accepter et de reconnaître l'existence du problème aurait été résolu.
    • Moi aussi... c'était me rend fou!
    InformationsquelleAutor v-tec
  3. 5

    Je ne pouvais pas obtenir de routage de travailler en 1.6.4 j'ai donc décidé d'utiliser angulaire 1.5.11 et le routage fonctionne très bien même si je devais définir tous mes gammes dans quand(..) avec des fonctions de fuite "/"

    Si coller à une version plus ancienne du moment cinétique est une option pour vous, alors le considérer car il peut enregistrer vos nerfs...

    var app = angular.module("myApp", ["ngRoute"]);

app.config(function($routeProvider) {
$routeProvider
.when("/layoutandviewbox", {
    templateUrl : "views/layout-and-viewbox.html"
})
.when("/basicshapes", {
    templateUrl : "views/basic-shapes.html"
})
.when("/advancedshapes", {
    templateUrl : "views/advanced-shapes.html"
})
.when("/groups", {
    templateUrl : "views/groups.html"
})
.when("/transformations", {
    templateUrl : "views/transformations.html"
})
.when("/effects", {
    templateUrl : "views/effects.html"
})
.when("/", {
    templateUrl : "views/basic-shapes.html"
});
});
    • Comment rester sur 1,5 incidence sur la mise à niveau vers Angulaire 2/3/4/5/etc? Ne ngUpgrade travail de 1,5 à 2+? Je suis un peu le sentiment ngUpgrade peut ne pas être viable pour nous. (oui, ce commentaire va être la plupart du temps invisible et de hurler dans le vent)
    InformationsquelleAutor lixonn
  4. 0
    app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
  $locationProvider.hashPrefix('');
  $routeProvider
    .when('/add-quote', {
      templateUrl: 'views/add_quote.html',
      controller: 'QuoteCtrl'
    })
    .otherwise({ redirectTo: '/' });
}]);
    InformationsquelleAutor Pranav V R
  5. 0

    Essayer celui-ci pourrait Aider...

    En html ou en vue de la Page

     <body>
       <a href="#/Home.html">Home</a>
       <div ng-view></div>
 </body>

    Dans Le Script De La Page 

    var app=angular
.module('myModule',['ngRoute'])
.config(function($routeProvider, $locationProvider) {
  $routeProvider
    .when('/Home', {
      templateUrl: 'FolderName/Home.html',
      controller: 'homeCtr'
    })
      $locationProvider.hashPrefix('');
     });
    InformationsquelleAutor Manikantan