Ich teste gerade Angular Alpha 45, vor allem das Routing, und habe Probleme bei der Implementierung von Routing mit Parametern. Ich habe eine Komponente für meine Detailansicht einer bestimmten Entität erstellt.
%Vor%Die Vorlage sieht so aus, nur den Parameter "id" anzeigen: %Code% Die RouteConfig sieht so aus:
%Vor% Der Link und die RouteConfig, die oben angezeigt wird, sind wie die Beispiele in der eckigen Dokumentation.
<h1>Projekt Details: {{id}}</h1>
Wenn ich also zur Detailansicht navigiere (zB 127.0.0.1:8080/src/#/projekte/1) bekomme ich den folgenden Fehler, der in der Konsole meines Browsers angezeigt wird (ich habe mit Edge getestet, Firefox 42, Chrome 46):
%Vor%Hast du irgendwelche Vorschläge?
Wie @EricMartinez erwähnt hat, müssen Sie RouteParams korrekt importieren. Ich spielte mit meinem Plünderer und bekam genau die gleichen Fehler.
Ich habe festgestellt, dass ich von 'angular2/angular2' importiert habe und von 'angular2/router'
Hier ist ein Plünderer, der genau das tut, wonach Sie suchen, aber mit einer "Autos" -Komponente. Plünker
Ich habe auch das gleiche Problem, wenn ich meine DataService & amp; RouteParams und musste @Inject im Konstruktor verwenden. Hier ist was ich getan habe.
Ich hoffe, es wird dir helfen.
Es hat nichts mit dem Problem zu tun, das Sie hatten, aber es lohnt sich zu sagen, dass Sie dasselbe Problem haben werden, wenn Sie zu Angular2 RC3 oder höher migrieren. Die Route wurde komplett geändert, sodass Ihre Komponente nicht mehr die gleiche Ausnahme auslöst.
In RC3 oder höher müssen Sie Ihre Routen OHNE Namen neu schreiben und Ihre Komponente muss ActivatedRoute von '@ angular / router' importieren, um Ihre Parameter zu lesen. Siehe:
%Vor%Tags und Links routing angular typescript