@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");放在updateSearchResults of header.ts中，但从不打印。

知道为什么吗？

很抱歉，我会说西班牙语。

Answer 1

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

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