如何在其他組件中將值從子項傳遞給父項？

Question

在用戶預覽組件我有這樣的：

<z-card-container bodyType="block-body-transparent"> 
     <div *ngIf="!view360flag"> 
     <z-card-search-top title="Tražilica" collapsed="true" (search)="searchCustomerAccount($event)" [disableButton]="!selectedfilter" 
      (clearClicked)="clearSearch()"> 
      <div class="row"> 
      <z-advanced-search class="col-md-12" [search]="search" (notifyParent)="isSelectedFilter($event)" ></z-advanced-search> 
      </div> 
     </z-card-search-top> 
    </z-card-container> 

我高級搜索我補充這一點：this.notifyParent.emit(true);

我想在Z-搜索頂部聽什麼，從先進的搜索值，但這不是工作：

isSelectedFilter(e){ 
    console.log('is selected',e); 
    } 

Answer 1

對一切看起來正常，但我寫EventEmitter的簡單示例你

https://plnkr.co/edit/qcnazG63fn1nWxActetn?p=preview

@Component({ 
    selector: 'my-app-inner', 
    template: ` 
    <div> 
     <button (click)="notifyParent.emit('search value')">search</button> 
    </div> 
    `, 
}) 
class AppInner { 
    @Output() notifyParent: EventEmitter<string> = new EventEmitter(); 
    constructor() { 
    } 
} 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     <h2>search is used: {{searchedTimes}} times and emmiterd value is: {{emiterdValue}}</h2> 
     <my-app-inner (notifyParent)="incerementSearchTimes($event)"></my-app-inner> 
    </div> 
    `, 
}) 
export class App { 
    searchedTimes: number; 
    emiterdValue: string; 
    constructor() { 
    this.searchedTimes = 0 
    } 

    incerementSearchTimes(emiterdValue){ 
    this.emiterdValue = emiterdValue 
    debugger; 
    this.searchedTimes++; 
    } 
}