EventEmitter发射不在角度4中工作

时间:2017-09-05 07:46:53

标签: angular emit

这是我的代码:

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);
}

1 个答案:

答案 0 :(得分:-1)

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

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