Обнаружение изменений в браузере Angular зависает

Question

У меня есть разрешение функции (), которое работает отлично, но когда я вызываю функцию deleteChannel (), это замораживает мой браузер.

async havePermission(channelId) {
        if (await this.isPrivateChannel2(channelId) && !(await this.inChannel(channelId))) {
            return false;
        } else {
            return true;
        }
    }

async permission(channelId) {
        console.log(await this.havePermission(channelId));
        return await this.havePermission(channelId);
    }
}

Используйте его в шаблоне:

<app-chat *ngIf="permission(channelId) | async" [channelId]="channelId"></app-chat>

deleteChannelfunction:

 deleteChannel(channel) {
            this.channelId = channel.$key;
            this.channels.remove(this.channelId);
            this.channelMessages.remove(this.channelId);
            this.chUsers.remove(this.channelId);
        }

Когда я вызываю deleteChannel (), у меня тысячи console.log () из функции access ().Я думаю, что проблема заключается в обнаружении изменений в Angular, но я не знаю, что мне делать, чтобы это работало.Есть предложения?