Angular 角度2@输出不起任何作用

Angular 角度2@输出不起任何作用,angular,angular2-directives,Angular,Angular2 Directives,我正在尝试构建一个发出自定义事件的组件。我不知道为什么这些事件没有被触发。 如果我查看browser developer工具,我可以看到事件被附加到元素 我甚至尝试创建angular文档提供的小示例:但没有运气 下面是小代码: import {Component} from "angular2/core"; import {Directive} from "angular2/core"; import {Output} from "angular2/core"; import {EventEmi

我正在尝试构建一个发出自定义事件的组件。我不知道为什么这些事件没有被触发。 如果我查看browser developer工具,我可以看到事件被附加到元素

我甚至尝试创建angular文档提供的小示例:但没有运气

下面是小代码:

import {Component} from "angular2/core";
import {Directive} from "angular2/core";
import {Output} from "angular2/core";
import {EventEmitter} from "angular2/core";
import {bootstrap}    from "angular2/platform/browser";

@Directive({
  selector: 'interval-dir',
})
class IntervalDir {
  @Output() everySecond = new EventEmitter();
  @Output('everyFiveSeconds') five5Secs = new EventEmitter();
  constructor() {
    setInterval(() => this.everySecond.emit("event"), 1000);
    setInterval(() => this.five5Secs.emit("event"), 5000);
  }
}
@Component({
  selector: 'app',
  template: `
    <interval-dir (every-second)="everySecond()" (every-five-seconds)="everyFiveSeconds()">
    </interval-dir>
  `,
  directives: [IntervalDir]
})
class App {
  everySecond() { console.log('second'); }
  everyFiveSeconds() { console.log('five seconds'); }
}
bootstrap(App);
从“angular2/core”导入{Component};
从“angular2/core”导入{Directive};
从“angular2/core”导入{Output};
从“angular2/core”导入{EventEmitter};
从“angular2/platform/browser”导入{bootstrap};
@指示({
选择器:'interval dir',
})
阶级间隔{
@Output()everySecond=neweventemitter();
@输出('everyFiveSeconds')五秒=新的EventEmitter();
构造函数(){
setInterval(()=>this.everySecond.emit(“事件”),1000;
setInterval(()=>this.five5Secs.emit(“事件”),5000;
}
}
@组成部分({
选择器:“应用程序”,
模板:`
`,
指令:[IntervalDir]
})
类应用程序{
everySecond(){console.log('second');}
everyFiveSeconds(){console.log('five seconds');}
}
引导(App);
没有抛出错误,也没有console.log

注意:我使用的是角度2-beta0

我错过什么了吗?
谢谢

不要再将烤肉串盒用于事件和属性。使用骆驼套:

@组件({
选择器:“应用程序”,
模板:`
`,
指令:[IntervalDir]
})
类App{/*…*/}

事件和属性不再使用烤肉盒。使用骆驼套:

@组件({
选择器:“应用程序”,
模板:`
`,
指令:[IntervalDir]
})
类App{/*…*/}

谢谢。现在正在工作。可能需要更新角度文档。谢谢。现在正在工作。可能应该更新角度文档。