Why does routing not work, everything seems to be correct?

Question

Angular

Plunker example:
embed.plnkr.co/sF9Use
plnkr.co/edit/sF9Use

Answer 1

The console shows you an error, is everything in order?
Try to add LocationStrategy initialization in main.ts

import {bootstrap} from 'angular2/platform/browser';
import {App} from './app';
import {ROUTER_PROVIDERS, LocationStrategy, HashLocationStrategy} from 'angular2/router';
import {provide} from 'angular2/core';

bootstrap(App, [
  ROUTER_PROVIDERS,
  provide(LocationStrategy, { useClass: HashLocationStrategy })])
  .catch(err => console.error(err));

Well, or PathLocationStrategy , if you want without hashes
plnkr.co/edit/ZBJHd3CTFCNzTx6cu8c1