Question

我创建了一个自定义管道，用于通过名为searchterm的给定术语过滤数据集。我已将其创建为标记。

<ul>
    <li *ngFor="let item of list | searchterm: value">
        Say {{item.title}}
    </li>
</ul>

“值”来自另一个组件的输入元素。每当我更改输入文本时，它都会立即激活管道。我仅在单击其他组件中的按钮时才需要激活管道。

到目前为止，我已经创建了这个

<button (click)="showResult(searchterm)">Search</button>

并在组件中：

showResult(strCat:booblean){
  this.strCat = true;
}

现在我坚持走下去。。。我该如何处理呢？

Answer 1

如果您不希望立即应用管道，请不要使用管道。

相反，在单击按钮时执行的功能中过滤列表。

如果您需要在两个组件之间进行通信，请使用此处规定的适当的组件间通信策略：

或使用ngrx