Question

我是新手，试图理解路由，我阅读文档并注入了ngRoute模块，但是当我试图点击员工名称时它没有显示任何东西，我浪费了很多时间在这上面，但是没运气。可以帮助一些人。

控制台没有错误。

代码：

app.js

var app = angular.module('demoApp', ['ngRoute']);
app.config(function ($routeProvider) {
    $routeProvider
        .when('/employeedetail/:empid',
            {
                controller: 'empDetailController',
                templateUrl: '/employeedetail.html'
            })
        .otherwise({ redirectTo: '/index.html' });
});

Answer 1

$routeProvider必须与ng-view指令一起使用。

在index.html中，将员工列表模板替换为ng-view，并删除控制器，如下所示：

<body>
  <h2>AngularJS Demo</h2>
  <div ng-view></div>
</body>

将员工列表模板作为单独的html文件，例如employeelist.html。

然后配置$routeProvider以默认呈现员工列表模板及其控制器：

app.config(function($routeProvider) {
  $routeProvider
    .when('/', {
      controller: 'employeeController',
      templateUrl: 'employeelist.html'
    })
    .when('/employeedetail/:empid', {
      controller: 'empDetailController',
      templateUrl: 'employeedetail.html'
    })
    .otherwise({
      redirectTo: '/'
    });
})

示例Plunker： http://plnkr.co/edit/mQIaJqZeOal77Z2RxG8z?p=preview

Answer 2

我认为你的问题来自于你不能使用的事实：

ng-view属性

AngularJS路线什么都不做

2 个答案: