Angularが生成するHTML

Tour of heroesのチュートリアルをやっていて次のコードを書いてみました：

<li *ngFor="let hero of heroes" (click)="onSelect(hero)" [class.selected]="hero === selectedHero" [routerLink]="['/detail', hero.id]">

これがどういったHTMLとして生成されるか？おそらく、こんな感じだと予想していました：

<li onclick="..."><a href="/detail?id=1">ヒーローの名前</a></li>

しかし実際に出てきたソースはこんなでした：

全部JSに入っている！ちょっとびっくりですね。