AngularJS: ngRoute, sinon pas de travail

J'ai vraiment un bug bizarre, j'ai mis mes voies et mes contrôleurs. Maintenant, j'ai juste une page blanche sans erreur?

index.html;

<!DOCTYPE html>
<html ng-app="RekenTalent" lang="nl">
    <head>
        <title>Rekentalent.nl: Ben jij een talent in Rekenen?</title>
        <!-- Stylesheets -->
        <link rel="stylesheet" type="text/css" href="/app/front/assets/stylesheets/style.css">
        <!-- AngularJS -->
        <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular-route.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular-animate.min.js"></script>
        <!-- Controllers -->
        <script src="/app/front/controllers/controller.js"></script>
        <!-- Router -->
        <script src="/app/front/router.js"></script>
    </head>

    <body ng-view></body>
</html

>

Controller.js:

/**
*  RekenTalent
*
* Copyright 2014 - Rekentalent.nl
*/
var RekenTalent = angular.module('RekenTalentControllers', []);

RekenTalent.controller('rekenCtrl', ['$scope', function($scope){

}]);

Router.js:

var RekenTalent = angular.module('RekenTalent', [
    'ngRoute', 'RekenTalentControllers'
]);

RekenTalent.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
    when('/index', {
        templateUrl: '/templates/index.html',
        controller: 'rekenCtrl'
    }).
    otherwise({
        redirect: '/index'
    });
}]);

Et /templates/index.html dit juste "salut". Personne ne sait pourquoi j'obtiens une page blanche? Il doit me diriger vers /index.html et /index.html utilisez /templates/index.html comme le modèle. Quel est le problème et la solution?

Mise à JOUR:

quand je vais à /index il fonctionne, donc le contraire de param ne fonctionne pas, pourquoi pas?

Je pense que c'est le fichier referrence d'erreur , merci de nous donner , où est votre index et votre angulaire des scripts dans votre pc
Et vous pouvez ajouter une console.log ("load") dans votre contrôleur de vérifier si le contrôleur est tiré correctily ou pas encore, Mais , je pense que son erreur refference
index.html => /app/front/templates/index.html, aussi quand j'ai mis la console.log ("salut") dans le contrôleur, je n'ai pas de log dans la console.
bizarre, quand je change de /index / dans le routeur fonctionne, pourquoi sinon ne pas fonctionner?

OriginalL'auteur DazDylz | 2014-06-15

  1. 17

    changement redirect à redirectTo

    Et il est préférable de l'utiliser à la maison.de modèle pour éviter ce genre de problèmes, je veux dire considérer:

    Vous avez un index.html qui contient l'ensemble de votre scripts inclus, comme anguleuses, jquery , ..., et dans la balise body, il est ng-view, ok?

    Maintenant, si vous avez des modèles de bienvenue ou que ce soit pour de l'index, écrire ce modèle dans un home.html, OK? Comme ceci:

    index.html : 

    <body ng-app="yourapp">
   <div ng-view>
   </div>
</body>

    Home.html

      <div>
     Welcome, user. This is index.
  </div>

    Votre configuration de l'application: 

    yourapp.config(function($routeProvider) {
   $routeProvider
      .when('/', {
         templateUrl: 'partials/home.html',
         controller: 'homeCtrl'
      })
      .otherwise({redirectTo:'/'});
}

    Et c'est une bonne pratique à mettre tous vos modèles à l'intérieur d'une partiels dossier, où le père dossier contient index.html comme ce 

      root 
     yourAppFolder
       1-Assets
          Css
          Js

       2-Partials
          home.html
          login.html

       3-index.html

    OriginalL'auteur Milad

  2. 2

    Trouvé; redirection devrait être redirectTo;

    var RekenTalent = angular.module('RekenTalent', [
    'ngRoute', 'RekenTalentControllers'
]);

RekenTalent.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
    when('/index', {
        templateUrl: '/app/front/templates/index.html',
        controller: 'rekenCtrl'
    }).
    otherwise({
        redirectTo: '/index'
    });
}]);

    OriginalL'auteur DazDylz

  3. 1

    J'ai cet exemple de code pour l'exemple:

    .config(['$routeProvider', 
function($routeProvider) {
    console.log('routeando');
    //alert('otherwise' + $routeProvider.route);
    $routeProvider.
        when('/', {     templateUrl: 'home'}).
        when('/route1', {  templateUrl: 'route1'}).

        /*Without the next line, redirectTo doesnt work*/
        when('/error', {  templateUrl: 'error'}).
        otherwise({     redirectTo: '/error'});
}]);

    Autrement, c'est seulement d'aller travailler si vous avez déjà un "quand" paramètre pour l'itinéraire.

    Excusez-moi pour mon anglais et avoir une belle journée.

    OriginalL'auteur Gonzalo