我编写了一个使用EventEmitter类的基本角度应用程序,但是我无法获取侦听组件来捕获事件.
这是我的代码(在Angular2/TypeScript 1.5上使用alpha.27编译为ES5)为详细示例道歉.
关于我错误做什么的任何建议将不胜感激.
import {Component, View, EventEmitter} from 'angular2/angular2';
@Component({
selector: 'login',
events : ['loggedIn']
})
@View({
template: '<button type="button" (click)="submitForm()">Click Me</button>'
})
export class Login {
loggedIn = new EventEmitter();
constructor() {
}
submitForm() {
console.log("event fired");
this.loggedIn.next({});
}
}
@Component({
selector: 'app'
})
@View({
template: "<div>This is the application</div>"
})
export class App {
constructor() {
}
}
@Component({
selector: 'root'
})
@View({
template: '<app [hidden]=!showApp></app><login (loggedIn)="loggedIn()" [hidden]=showApp></login>',
directives: [ App, Login ]
})
export class Root …Run Code Online (Sandbox Code Playgroud)