EventEmitter retransmettent ne fonctionne pas ici angulaire 4

Question

est mon code ci-dessous:

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

Vous avez besoin de déclarer un type. Utilisez @Output() userUpdated = new EventEmitter<string>(); si vous voulez que ce soit une chaîne ou @Output() userUpdated = new EventEmitter<any>(); s'il peut être de n'importe quel type.

, vous devez également modifier votre journal de la console, essayez d'échanger à console.log("e-" + e)