ng-view不会被模板填充

Question

考虑this plunker。我认为我已经正确设置了所有内容，但我的模板并没有使用ng-view指令加载到div中。

我的路线已配置：

routes.forEach(function (r) {
    $routeProvider.when(r.url, r.templateUrl);
});
$routeProvider.otherwise({ redirectTo: '/' });

我的路线是：

return [
    {
        url: '/',
        templateUrl: 'main.html'
    }, {
        url: '/games',
        templateUrl: 'games.html'
    }
];

首先，我的导航似乎不起作用，但即使我在根目录中（当路径为/时），我的main.html模板也不是＆＃ 39; t加载到ng-view中。任何人都可以看到我做错了什么吗？

Answer 1

1. 函数定义为：

   when(path, route);
   

   其中route是object：

   routes.forEach(function (r) {
       $routeProvider.when(r.url, { templateUrl: r.templateUrl });
   });
   

2. 将href更改为：

   <li><a href="#/">Main</a></li>
   <li><a href="#/games">Games</a></li>