angularjs - 路线：控制器没有被调用

问题描述

我有三个文件：

索引.html
玩家.html
应用程序.js

index.html：很简单。

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

player.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并将控制器添加为属性时，它工作正常。

标签： angularjsngrouteng-viewng-controller

angularjs - 路线：控制器没有被调用

问题描述

解决方案

推荐阅读