import { Component } from '@angular/core';

@Component({
	selector: 'my-tuts',
	template:`<h2>{{title}}</h2>
				<p *ngIf="showElement">Show Element</p>
				<div [ngSwitch]="color">
				<p *ngSwitchWhen="'red'">Red color</p>
				<p *ngSwitchWhen="'blue'">blue color</p>
				<p *ngSwitchDefault>Invalid color</p>
				</div>
				<ul>
					<li *ngFor="let color of colors">{{color}}</li>
				<ul>`,
		
})
export class TutsComponent{
	public title="mytitle";	
	public showElement=true;
	public color = 'red';

	public colors=['red','blue','green'];
	
}