Delegación: EventEmitter u Observable en Angular
Estoy tratando de implementar algo como un patrón de delegación en Angular. Cuando el usuario hace clic en unnav-item
, Me gustaría llamar a una función que luego emite un evento que a su vez debe ser manejado por algún otro componente que escuche el evento.
Aquí está el escenario: tengo unNavigation
componente:
import {Component, Output, EventEmitter} from 'angular2/core';
@Component({
// other properties left out for brevity
events : ['navchange'],
template:`
<div class="nav-item" (click)="selectedNavItem(1)"></div>
`
})
export class Navigation {
@Output() navchange: EventEmitter<number> = new EventEmitter();
selectedNavItem(item: number) {
console.log('selected nav item ' + item);
this.navchange.emit(item)
}
}
Aquí está el componente de observación:
export class ObservingComponent {
// How do I observe the event ?
// <----------Observe/Register Event ?-------->
public selectedNavItem(item: number) {
console.log('item index changed!');
}
}
La pregunta clave es, ¿cómo hago para que el componente de observación observe el evento en cuestión?