Angular：通过数组进行迭代，并将click事件作为值

如何解决Angular：通过数组进行迭代，并将click事件作为值

我使用的是ion-fab-button，通过单击事件将showHelp属性关闭，以移除离子-fab。单击后，ion-fab会立即消失：

1 Html

<ion-fab *ngIf="showHelp">
    <ion-fab-button>
        <ion-icon name="help"></ion-icon>
    </ion-fab-button>
    <ion-fab-list>
        <ion-fab-button (click)="helpOff()">
            <ion-icon name="close"></ion-icon>
        </ion-fab-button>
    </ion-fab-list>
</ion-fab>

1个打字稿

helpOff() {
    this.showHelp = !this.showHelp;
    localStorage.setItem('setHelpOff','true');
}

这很好，现在我想将ion-fab外包为可重复使用的组件。但是，当我使用具有“ icon”和“ click”（用于单击事件）之类的值的数组时，ion-fab不会立即消失：

2 HTML

<ion-fab *ngIf="showHelp">
    <ion-fab-button>
        <ion-icon name="help"></ion-icon>
    </ion-fab-button>
    <ion-fab-list>
        <ng-container *ngFor="let item of fabItems">
            <ion-fab-button (click)="item.click()">
                <ion-icon name="{{ item.icon }}"></ion-icon>
            </ion-fab-button>
        </ng-container>
    </ion-fab-list>
</ion-fab>

2个打字稿

fabItems = [
    {
        icon: 'help',click: ''
    },{
        icon: 'close',click: this.helpOff
    }
];

helpOff（）方法有效，但是showHelp属性不会立即消失。

您知道为什么设置迭代以获取点击事件值时会出现另一种行为吗？

感谢每一个提示！