Cacher is the code snippet organizer for pro developers

import { Component } from '@angular/core';
import { NgForm,ControlGroup, Control, Validators } from '@angular/common';
@Component({
  moduleId: module.id,
  selector: 't2-app',
  templateUrl: 't2.component.html',
  styleUrls: ['t2.component.css']
})
export class T2AppComponent {
  title:any;
  onSubmit(data){
  	this.title = data;
  }
}

<h1>
  {{title | json}} 
</h1>
<form (ngSubmit)="onSubmit(myform.value)" #myform="ngForm">
	<ul>
		<li>
			<label for="medium">Medium2</label>
			<select name="medium" id="medium" ngControl="medium">
				<option value="Movies">Movies</option>
				<option value="Series">Series</option>
			</select>
		</li>
		<li>
			<label for="name">Name</label>
			<input type="text" name="name" id="name" ngControl="name"/>
		</li>
	</ul>
	<button type="submit">Save</button>
</form>