Question

为什么这段代码不起作用？

angular.module('routers', ['ngRoute'])

.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {

  console.log('1. routes loaded!');

  $routeProvider
    .when('/', {
      controller: 'HomeController'
    })

    .when('/about', {
      controller: 'AboutController'
    });

  $locationProvider.html5Mode(true);
}])

.controller('HomeController', function () {
  console.log('2. HomeController loaded!');
})

.controller('AboutController', function () {
  console.log('3. AboutController loaded!');
});

加载页面时， 1。已加载路线！日志显示完好但 2。 HomeController ... 记录没有。

当我在浏览中输入 localhost：8000 / about 时，我会收到以下回复：

无法获取/关于

这个简单的代码不起作用？

Answer 1

以下是更改

var app = angular.module("app", ['ngRoute']);
app.config(['$routeProvider', function($routeProvider) {
  $routeProvider.
  when('/home', {
    templateUrl: 'home.html',
    controller: 'HomeController',
    controllerAs: 'homeCtrl'
  }).
  when('/about', {
    templateUrl: 'about.html',
    controller: 'AboutController',
    controllerAs: 'AboutCtrl'
  });
}])

app.controller('HomeController', function () {
  console.log('2. HomeController loaded!');
})

app.controller('AboutController', function () {
  console.log('3. AboutController loaded!');
});

<强> DEMO

简单的ngRoute无法正常工作

1 个答案: