typescript – 如何在依赖注入实例上手动监听angular 2事件？

发布时间：2020-12-14 04:58:50 所属栏目：百科来源：网络整理

导读：如果我有一个像这样的组件 @Component({selector: 'todo-cmp'})class TodoCmp { @Input() model; @Output() complete = new EventEmitter(); // TypeScript supports initializing fields onCompletedButton() { this.complete.next(); // this fires an eve

如果我有一个像这样的组件

@Component({selector: 'todo-cmp'})
class TodoCmp {
  @Input() model;
  @Output() complete = new EventEmitter(); // TypeScript supports initializing fields

  onCompletedButton() {
    this.complete.next(); // this fires an event
  }
}

在另一个组件中,我通过DI获得它的副本,如：

...
 class SomeOtherClass(){
    constructor(todoCmp:TodoCmp){
   // how do I listen to 
   ...
 }
 ...

如何在“SomeOtherClass”中手动添加事件侦听器,并侦听从DEPEmpmp的depenendcy注入实例触发的任何单击事件.

类似于todoCmp.addEventListener(‘complete’,function(e){});

也许？还是更好的ng2？

肖恩.

解决方法

首先,EventEmitter.next()一直是EventEmitter.emit(),因为alpha-45左右.

其次,您正在寻找的方法是.subscribe()

class SomeOtherClass(){
  constructor(todoCmp:TodoCmp){
     todoCmp.complete.subscribe((result)=>{
        //result == arg passed into emit()  
     }))
 }

请注意,这些信息在the docs中很容易获得 – 您应该检查这些信息,因为EventEmitter比您习惯的事件监听器更强大.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!