将菜单项值作为类添加到ng-view

Question

我按如下方式显示了一个播放器列表，但是当用户点击播放器的名称时，我想将播放器的名称添加到ng-view元素中，通过路线查看他们的详细信息。我怎么能这样做？

  <tr ng-repeat="player in playersList">
     <td>
         <a href="#/details/{{player.id)}}">
            {{player.name}}
          </a>
     </td>

查看：

 <div class="" ng-view></div>

位指示：

.controller('playersController', function($scope, footballdataAPIservice) {
    $scope.playersList = [];


  footballdataAPIservice.getPlayers().success(function (response) {
        //Dig into the response to get the relevant data
        $scope.playersList = response;
    });

Answer 1

我在控制器中假设您可以访问玩家名称？

只需在ng-view上为其安排数据绑定。此外，在您的玩家控制器中，为玩家名称添加$rootScope值。

<div class="{{ playerName }}" ng-view />

你的控制器：

$rootScope.playerName = player.name;