Angular 角度2@输出不起任何作用
我正在尝试构建一个发出自定义事件的组件。我不知道为什么这些事件没有被触发。 如果我查看browser developer工具,我可以看到事件被附加到元素 我甚至尝试创建angular文档提供的小示例:但没有运气 下面是小代码: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
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{/*…*/}
谢谢。现在正在工作。可能需要更新角度文档。谢谢。现在正在工作。可能应该更新角度文档。