2016-07-13 27 views
1

Wenn ich versuche, von/players zu/players/zu routen: playerId in meinem Angularjs-Projekt die URL-Updates zu Spielern #/players/4173 und nicht zu den gewünschten Spielern/4173. Dies ist das href:Angularjs-route href nicht bewertet

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

und das ist die Route config:

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

ich manuell eingeben kann .../Spieler/4173 und es funktioniert, aber beim Klicken es nicht funktioniert und ich siehe URL

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

Was ist los?

HINWEIS: Der Live-Code aus AngularJS eigenen Tutorial hat den gleichen Fehler in meinem Browser:

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

GELöST:

/#/Spieler/playerId

Sie verpassten das (#!) Im frühen Beispielcode des Tutorials, dem ich folgte.

+0

playerName die Spieler entfernen und überprüfen –

+0

Jetzt bekomme ich Spieler #% 2F4173, arbeiten nicht – user2908112

Antwort

1

Wenn Sie jetzt zu /index.html navigieren, werden Sie umgeleitet bis /index.html#!/players als Ihre Links sollten wie folgt aussehen:

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

Nein, das gleiche Problem. Ich folgte angularjs eigenen totalen: https://docs.angularjs.org/tutorial/step_08 und jetzt bemerkte ich, dass ihre Live-Code das gleiche Problem hat, überprüfen Sie es: http://angular.github.io/angular-phonecat/step -8/app/ – user2908112

+0

Wenn Sie richtig überprüfen, senden Sie mir den Link zu "8 - Templating Links & Images" und der Teil für Routing und Multiples Ansichten ist auf: "9 - Routing & Multiple Views". Hier sende ich Ihnen den Link https://docs.angularjs.org/tutorial/step_09 und Sie sollten auch die "Code diff" von Schritt 8 bis Schritt 9 unter: https://github.com/angular/angular-phonecat überprüfen /compare/step-8..step-9 –

+0

Hier ist der Link zu der Demo in Schritt 10: http://angular.github.io/angular-phonecat/step-10/app/#!/phones das ist was Du willst erreichen –

0

Ich denke, Sie sollten "players /" Teil in Ihrer URL entfernen und sehen, ob es funktioniert. Derzeit ist es dupliziert.

+0

Ich tat das, siehe oben Kommentare – user2908112

0

Hallo Ihr ein Tag wie dieser

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

JS

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

config.js ändern

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

     }) 
+0

Ich habe versucht, aber $ stateprovider ist apperently zu alt oder etwas für dieses Projekt. Kann angular-ui-router.js nicht hinzufügen. Aber danke! – user2908112

Verwandte Themen