Fatal编程技术网
  • javascript/
  • Javascript 路由在angularjs中不起作用

Javascript 路由在angularjs中不起作用

javascript angularjs

Javascript 路由在angularjs中不起作用,javascript,angularjs,url-routing,Javascript,Angularjs,Url Routing,我是个新手。 我已经在angular js中实现了路由，但它没有将我重定向到route.js中声明的页面 代码如下： Route.js Controller.js function uncatCtrl($scope, $http) { $http.get('http://94.125.132.253:8000/getuncategorisedplaces').success(function (data) { $scope.places = data; console.log(

我是个新手。 我已经在angular js中实现了路由，但它没有将我重定向到route.js中声明的页面 代码如下： Route.js

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”



    

  • 

  • 

  •
检查是否包含两个脚本（angular和ngroute）

从Angular 1.2.0开始，Angular route是一个单独的模块

请参阅角度文档：

这里是我不久前编写的示例代码

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'});
}]);
我添加了它，但它不起作用。我正在使用的文件可以在“”处访问。请检查hrefs。将它们更改为“/getplaces”和“/getuncategorisedplaces”。当我从#getplacesTry将它们更改为/getplaces时，如果它在本地计算机上适用，我会收到一个错误消息“NOT FOUND”。如果是，则需要设置服务器默认文档等。 
<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>

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

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

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