undefined

import {Component, Input} from 'angular2/core';
import HelloComponent from './hello.component';

@Component({
	selector: 'app',
	template: `<div>
			<player *ngFor="#player of players" [player]="player"></player>
	  </div>`,
	directives: [HelloComponent]
})
export class App {
  players = [
    {name: 'Bob', score: 5},
    {name: 'Rick', score: 102},
    {name: 'James', score: 55},
    {name: 'Tim', score: 420},
    {name: 'Andrew', score: 69},
    {name: 'Jane', score: 44},
  ]

  constructor() {
  	// How to change values
  	setTimeout(() => {
  		let foundBob = this.players.find(element => element.name == 'Bob');
  		foundBob.score = 999;
  		this.players.sort((a: any, b: any) => (a.name > b.name) ? 1 : ((b.name > a.name) ? -1 : 0))
  	}, 5000)
  }
}

import {bootstrap}    from 'angular2/platform/browser'
import {App} from './app.component'

bootstrap(App);

import {Component, Input} from 'angular2/core';

@Component({
	selector: 'player',
	template: '<p>{{player.name}}, {{player.score}}</p>',
	inputs: ['player']
})
export default class HelloComponent {
  player: any; //Create player model/object
  
  constructor() {}
}

<!DOCTYPE html>
<html>

  <head>
    <title>Angular 2 QuickStart</title>
    <!-- 1. Load libraries -->
    <script src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.0/angular2.dev.js"></script>
    <!-- 2. Configure SystemJS -->
    <script>
      System.config({
        transpiler: 'typescript', 
        typescriptOptions: { emitDecoratorMetadata: true }, 
        packages: {'app': {defaultExtension: 'ts'}} 
      });
      System.import('app/boot')
            .then(null, console.error.bind(console));
    </script>
  </head>

  <!-- 3. Display the application -->
  <body>
    <app>Loading...</app>
  </body>

</html>