import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES, RouteSegment, OnActivate } from '@angular/router';

@Component({
  selector: 'zen-detail',
  template: `
	<h3>detail {{id}}</h3>
	<p>This is a page with param ("id"={{id}})</p> 
  `,
  directives: [ ROUTER_DIRECTIVES ]
})
export class DetailComponent implements OnActivate { 

	//Esposizione per binding
	public id : string = "";
	
	/**
	 * Scatta all'attivazione del componente
	 */
	public routerOnActivate(segment: RouteSegment): void {

		//Recupero il parametro della route
		this.id = segment.getParam("id");		
	}
}