@output()EventEmitter无法正常工作

Question

我尝试在单击时进行see more按钮以获取更多搜索结果。

我的标题在单独的arrchivos中，我将其用于：

<ion-header>
  <page-header> </page-header>
</ion-header>

对于每个视图。

生成事件的按钮在search-modal.html中是这样：

  <div (click)="seeMoreResults($event)">
    <button color="primary" block>see more</button>
  </div>

和search-modal.ts控制器看起来像这样：

Import {Component, EventEmitter, Output} from '@ angular / core';
@Component({
  selector: 'page-search-modal',
  templateUrl: 'search-modal.html',
})
export class SearchModalPage {
@Output()
public updateSearchResults = new EventEmitter();
seeMoreResults(event) {
    this.countSearchResult = Object.keys( this.searchResult ).length; // "this.searchResult" are the search results that arrive when something is typed.
    this.updateSearchResults.emit( this.countSearchResult );
}

header.html具有：

<ion-toolbar (updateSearchResults)='updateSearchResults($event)'>
// Here is my search bar.
</ion-toolbar>

我的header.ts具有：

updateSearchResults(lastTotal){
  this.search((10+lastTotal), lastTotal, true);
  // "search" is the method that makes me search and issues the result.
}

第一次搜索正常工作，这就是为什么我省略了代码。但是，当我单击"查看更多"按钮时，它不会发出任何内容，我尝试将console.log("Run");放入header.ts的updateSearchResults中，但切勿打印。

知道为什么是？

对不起，我会说西班牙语。

Answer 1

(updateSearchResults)输出需要绑定在其输出的组件上，即page-search-modal(根据您的代码(。即。

<page-search-modal (updateSearchResults)='updateSearchResults($event)'>
// Here is my search bar.
</page-search-modal