Question

我有三个文件：

的index.html
players.html
app.js

index.html：很简单。

<body>   
    <main ng-view></main>
</body>

players.html：，应显示播放器列表。

<section>
    <ul>
        <li ng-repeat="player in players">
            <h4>{{player}}</h4>
        </li>
    </ul>
</section>

app.js：，其中包含路径至/players和控制器，其中包含要显示的播放器列表观点。

// Module
const myApp = angular.module('myApp', ['ngRoute']); 

myApp.config(['$routeProvider', $routeProvider => { 
    $routeProvider
        .when('/players', {
            controller: 'playersController', 
            templateUrl: 'views/players.html'
        })
}]);

// Controller
myApp.controller('playersController', ['$scope', $scope => {
    $scope.players = ['Kaka', 'Maldini', 'Nesta'];
}]);

当我路由到'/ players'时，控制器不会被调用而且没有显示任何内容，但是当我使用ng-include代替并将控制器添加为属性时，它可以正常工作。

路由：控制器不被调用

0 个答案: