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