角2 ES6 - コンポーネントからのイベントの送信

Question

ES6のコンポーネントからカスタムイベントを送信したいので、テンプレート<component (someEvent)="someFunction()">で聞くことができますが、それを実現することはできません。

@Component'sプロパティouputsまたはeventsが壊れています。何か不足していますか？

これは私のコンポーネントの宣言です：

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

これはあなたのケースで動作するはずです：

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

あなたは以下の代替活字体の構文を使用しない限り、「アウトプット」をインポートする必要はありません。

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); 
    } 
}