EventEmitter发射不在角度4中工作

Question

这是我的代码如下:

search.component.html

<button (click)="addMe()">Click</button>

search.component.ts

import { Component, Directive, OnInit, Input, Output, EventEmitter } from '@angular/core';

@Component({
   selector: 'search-component',
   templateUrl: './search.component.html'
})

export class SearchComponent {
   @Output() userUpdated = new EventEmitter();

   addMe() {
       this.userUpdated.emit('my data to emit');
   }
}

profile.component.html

<search-component (userUpdated)="handleUserUpdated($event)"></search-component>

profile.component.ts

handleUserUpdated(e) {
   console.log('e', e);
}

Answer 1

您应该需要声明一个类型。@Output() userUpdated = new EventEmitter<string>();如果您希望它是字符串或@Output() userUpdated = new EventEmitter<any>();可以是任何类型，请使用。

另外，您需要更改控制台日志，尝试切换到console.log("e-" + e)