为什么AppController。$ routeConfig undefined?

时间:2015-07-24 21:16:07

标签: angularjs angular-new-router

我试图按照本教程进行操作:

https://angular.github.io/router/getting-started

为什么AppController。$ routeConfig undefined?

angular.module('app', ['ngNewRouter', 'app.home'])
  .controller('AppController', ['$router', AppController]);

AppController.$routeConfig([
  {path: '/', component: 'home' }
]);
function AppController ($router) {}

我的HTML:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <base href="/">
  <title>My app</title>
</head>
<body ng-app="myApp" ng-controller="AppController as app">
<div ng-viewport></div>

<script src="node_modules/angular/angular.js"></script>
<script src="node_modules/angular-new-router/dist/router.es5.js"></script>
<script src="./components/home/home.js"></script>

<script src="app.js"></script>
</body>
</html>

2 个答案:

答案 0 :(得分:5)

试试这个,为我工作:

libsvm-3.20/java/svm_predict.java

我认为这可能是教程中的一个错误。 $ routeConfig是一个属性,而不是函数。

答案 1 :(得分:1)

我发现这本手册适用于角度为1.5但作者使用角度1.3 http://www.sitepoint.com/introduction-futuristic-new-router-angularjs/

这是适合您的代码:

angular.module('app', ['ngNewRouter', 'app.home'])
  .controller('AppController', ['$router', function($router){
  $router.config([
    { path:'/', redirectTo:'/home' },
    { path:'/home', component:'home' },
    { path:'/example', component:'example' }
  ]);

  this.name='visitor';
}]);

并在html中将这两行更改为:

<body ng-controller="AppController">
<div ng-viewport></div>