小编Day*_*mer的帖子

无法从Angular2中的EventEmitter捕获事件?

我编写了一个使用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)

eventemitter typescript typescript1.5 angular

8
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×1

eventemitter ×1

typescript ×1

typescript1.5 ×1