I think I found it... there seems to be a bug in dashboard_component.html.
The line
<a *ngFor="let hero of heroes" [routerLink]="['./HeroDetail', {id:
hero.id}]" class="col-1-4">
should be
<a *ngFor="let hero of heroes" [routerLink]="['HeroDetail', {id:
hero.id}]" class="col-1-4">
i.e. without './' in front of HeroDetail. At least, that fixed it for me.
On Sunday, November 20, 2016 at 10:55:42 AM UTC-8, Eric Hackborn wrote:
>
> Hi all,
>
> I'm completely new to both dart and angular, so sorry for the basic
> question. I've been working through this tutorial:
> https://angular.io/docs/dart/latest/tutorial/toh-pt5.html
>
> and have hit a snag I can't figure out. During the routing section, one of
> the steps has you replace a line in dashboard_component.html with
> <a *ngFor="let hero of heroes" [routerLink]="['./HeroDetail', {id: hero.id}]"
> class="col-1-4">
>
> but doing so breaks the app. With that line in place, I get the error
> Uncaught Error: Component "DashboardComponent" has no route config.
>
> when I try to run the app, the hero slots on the dashboard are empty, and
> you can't navigate to them. I'm on dart VM 1.20.1 and angular 2.0.0.
>
> In the course of looking into this, I noticed even the hosted copy has the
> same problem:
> http://angular-examples.github.io/toh-5/dashboard
>
> So that leaves me wondering if the tutorial might be out of step with
> angular. Does anyone have any insight?
>
> thanks much!
>
--
You received this message because you are subscribed to the Google Groups
"angular-dart" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to angular-dart+unsubscr...@googlegroups.com.
Visit this group at https://groups.google.com/group/angular-dart.
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular-dart/525fcaf6-e0f7-4af0-884e-6f09ce44eb9a%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
