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