Angularjs-路由 href 未评估

Question

当我尝试在我的 Angularjs 中从 /players 路由到 /players/:playerId -porject URL 更新到玩家#/players/4173 而不是所需的 players/4173。这是 href:

<a href="#/players/4173">playerName</a>

这是路由配置：

when('/players/:playerId', {
      template: '<player-detail></player-detail>'
    })

我可以手动输入 .../players/4173 并且它有效，但是当单击它时它不起作用并且我看到 URL

.../players#%2Fplayers%2F4173

怎么了？

注意： 来自 Angularjs 自己教程的实时代码在我的浏览器中有同样的错误：

http://angular.github.io/angular-phonecat/step-8/app/

已解决：

/#!/players/playerId

他们在我遵循的教程的早期示例代码中错过了那个 (#!)。

Answer 1

我认为您应该删除 URL 中的 "players/" 部分，看看它是否有效。目前它是重复的。

Answer 2

您好，像这样更改您的标签

  <a class="pointer" ng-click="players(4173)" >

JS

$scope.players = function(_data){
        $state.go('players',{'playersid':_data});
    }

config.js

.state('players', {
            url: '/players?playersid',
            templateUrl: 'views/xxgg/timeline.html',
            controller: 'campaignTimeline',
            params: {
                 'playersid': null
             }

        })

Answer 3

当您现在导航到 /index.html 时，您将被重定向到 /index.html#!/players，您的链接应该如下所示：

<a href="#!/players/4173">playerName</a>

Angularjs-路由 href 未评估

Angularjs-route href not evaluated

javascript

href

angularjs

ngroute

/#!/players/playerId