Le routage ne fonctionne pas dans angularjs

Je suis très nouveau pour js angulaire. J'ai mis en place le routage dans js angulaire, mais il ne me redirige pas vers les pages que je l'ai dit dans les route.js est le code ici: Route.jsLe routage ne fonctionne pas dans angularjs

var sampleApp = angular.module('sampleApp', []); 

sampleApp.config(['$routeProvider', 
    function($routeProvider) { 
$routeProvider. 
    when('/getplaces', { 
    templateUrl: 'getplaces.html', 
    controller: 'ListCtrl', 

    }). 
    when('/getuncategorisedplaces', { 
    templateUrl: 'list.html', 
    controller: 'uncatCtrl' 
    }) 
    .otherwise ({ 
redirectTo: '/getplaces' 
    }); 

}]);

Controller.js

function uncatCtrl($scope, $http) { 
    $http.get('http://94.125.132.253:8000/getuncategorisedplaces').success(function (data) { 
    $scope.places = data; 
    console.log(data); 
    } 
    )} 
// get places 
    function ListCtrl($scope, $http) { 
    $http.get('http://94.125.132.253:8000/getplaces').success(function (data) { 

    $scope.places = data; 
    console.log("Successful") 
console.log(data); 
    } 
)}

code HTML comprend vue ng et href tels que href = "# getplaces"

<body ng-app="sampleApp" > 
<div class="container"> 
    <div class="row"> 
    <div class="col-md-3"> 
     <ul class="nav"> 
      <li> <a class= "linha" href="#getplaces"> Get places </a></li> 
      <li><a class= "linha" href="post.html"> Post a movie </a></li> 
          <li><a class= "linha" href="#getuncategorisedplaces">List of uncategorised places </a></li> 
     </ul> 
    </div> 
    <div class="col-md-9"> 
     <div ng-view></div> 

    </div> 

    </div>

Source

2014-06-30 butYouDontLookLikeADeveloper

Vérifiez que vous avez les deux scripts comprennent d (angulaire et ngroute)

<script src='angular.js'> 
<script src='angular-route.js'>

Ensuite, vérifiez que vous incluez ce module dans votre application:

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

Au angulaire 1.2.0, route angulaire est un module séparé

reportez-vous à la documentation angulaire:

https://docs.angularjs.org/api/ngRoute

Source

2014-06-30 09:28:56 avidenic

Je l'ai ajouté et cela ne fonctionne pas. le fichier que j'utilise peut être consulté à "http://creative.coventry.ac.uk/~4078078/Test%20codes/index.html#/getuncategorisedplaces" – butYouDontLookLikeADeveloper

vérifiez les hrefs. Changez-les en "/ getplaces" et "/ getuncategorisedplaces". – avidenic

Je reçois une erreur disant NON TROUVÉ quand je les change en/getplaces depuis #getplaces – butYouDontLookLikeADeveloper

Il re est un exemple de code que j'ai écrit il y a un moment.

var app = angular.module('test', ['ngRoute','ngGrid','ngBootstrap', 'http-auth-interceptor','ui.bootstrap','ngCookies','ngSanitize']). 
config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/sign-in', {templateUrl: 'partials/login/signin.html', controller: LoginCtrl}). 
     when('/admin/sign-in', {templateUrl: 'partials/login/userManagementSignin.html', controller: LoginCtrl}). 
     otherwise({redirectTo: '/dashboard'}); 
}]);

Source

2014-06-30 10:57:07

Le routage ne fonctionne pas dans angularjs

Répondre

Questions connexes