路由在angularjs中不起作用

我对angular js非常陌生。我已经实现路由的角度JS，但它不重定向我我在route.js 这里已经指出的网页是代码： Route.js路由在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); 
    } 
)}

HTML代码包括NG视图和HREF如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>

来源

2014-06-30 butYouDontLookLikeADeveloper

检查你有两个脚本包括d（角和ngroute）

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

然后检查要包括在你的应用程序，模块：

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

作为角1.2.0的，角路由是一个独立的模块

参考角文档：

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

来源

2014-06-30 09:28:56 avidenic

我已经添加了它，它不起作用。我正在使用的文件可以在“http://creative.coventry.ac.uk/~4078078/Test%20codes/index.html#/getuncategorisedplaces” – butYouDontLookLikeADeveloper

检查hrefs。将它们更改为“/ getplaces”和“/ getuncategorisedplaces”。 – avidenic

我从#getplaces中将它们更改为/ getplaces时出现错误，表示未找到 – butYouDontLookLikeADeveloper

他re是我刚才写的一个示例代码。

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'}); 
}]);

来源

2014-06-30 10:57:07

路由在angularjs中不起作用

回答

相关问题