angular - Angular：使用 compositionstart 事件绑定显示/隐藏文本

Question

我在根据简单的逻辑隐藏/显示一些文本时遇到了一些麻烦。我认为这与我正在使用的事件绑定有关。但我不确定。

任何帮助，将不胜感激。

HTML 代码

<h3 *ngIf='showFilter'
    (compositionstart)='toggleFilter()'>Filter by: {{listFilter}}
</h3>

隐藏/显示的逻辑

toggleFilter(): void{
    if(this.listFilter != ''){
        this.showFilter == true;
    }else{
        this.showFilter == false;
    }
}