如何在其他组件中将值从子项传递给父项？

问题描述：

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

我没有看到你的代码有什么问题。请尝试在Plunker中重现。 Plunker提供了一个随时可用的Angular模板。只需打开“新建”按钮的下拉菜单。 –

答

对一切看起来正常，但我写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++; 
    } 
}

如何在其他组件中将值从子项传递给父项？

相关推荐