Angular 2 ES6 - Sending event from component - ionic-framework

Question

I want to send an custom event from Component in ES6, so I can listen to it in template <component (someEvent)="someFunction()">, but i cannot make it happen.
#Component's properties ouputs or events are breaking the application. Am I missing something?
this is my Component declaration:
import {Component, Output} from 'angular2/core';
#Component({
selector: 'section-navigator-component',
templateUrl: 'build/components/section_navigator/section_navigator.html',
inputs: [ 'resources', 'attr' ],
outputs: [ 'someEvent' ]
})
export class SectionNavigatorComponent {
constructor() {
}
resourceClickHandler($event, resource) {
}
}

Answer 1

This should work in your case:
import {Component, Output, EventEmitter} from 'angular2/core';
#Component({
selector: 'section-navigator-component',
templateUrl: 'build/components/section_navigator/section_navigator.html',
inputs: [ 'resources', 'attr' ],
outputs: [ 'someEvent' ]
})
export class SectionNavigatorComponent {
constructor() {
this.someEvent = new EventEmitter();
}
resourceClickHandler($event, resource) {
this.someEvent.emit(someValue);
}
}

Answer 2

You do not need to import 'Output' unless you use the alternate TypeScript syntax below:
import {Component, Input, Output, EventEmitter} from 'angular2/core';
#Component({
selector: 'section-navigator-component',
templateUrl: 'build/components/section_navigator/section_navigator.html'
})
export class SectionNavigatorComponent {
#Input() resources: any;
#Input() attr: any;
#Output() someEvent: EventEmitter<any> = new EventEmitter();
constructor() {
}
resourceClickHandler($event, resource) {
this.someEvent.emit(someValue);
}
}