Two Way data binding and event observation

import {Component} from 'angular2/core'
	            selector: 'sample',
                	providers: [],
                	template:
            			First Name:<input [(ngModel)]="FirstN"/>
              			  <br/>
            			Last Name:<input [(ngModel)]="LastN"/>
                		<br/>
                		<br/>
     	                Value:{{FirstN} {LastN}}
                	<br/>
                	<br/>
                	<button (click)="setName()">set name</button>,
            		directives: []
            	})

            	export class App {
                FirstN:string;
                LastN:string;

                constructor() {
                 	           this.FirstN = 'Ron';
                            	this.LastN = 'Methew';

            	}

                setName() {

                            	this.FirstN = 'Michael';
                            	this.LastN = 'Elango';
            	}
            	}