Angularjs-route href未评估

时间:2016-07-13 08:41:02

标签: javascript angularjs href ngroute

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

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

这是路由配置:

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

我可以手动输入... / players / 4173并且它可以工作,但点击它时不起作用我看到了网址

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

怎么了?

注意: Angularjs自己的教程中的实时代码在我的浏览器中出现了同样的错误:

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

解决:

/#!/播放/ playerId

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

3 个答案:

答案 0 :(得分:1)

现在导航到/index.html,您被重定向到/index.html#!/players,而您的链接应该如下所示:

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

答案 1 :(得分:0)

我认为你应该删除&#34;球员/&#34;参与您的网址,看看它是否有效。目前它是重复的。

答案 2 :(得分:0)

你好像这样更改你的标签

  <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
             }

        })