Как использовать Angular Signals для переключения видимости моих компонентов ⇐ Html

[Anonymous]

Я знаю, что в этом конкретном случае можно использовать Angular Signals, чтобы избежать постоянного вызова функции isVisible. Но у меня нет опыта работы с этой новой функцией, и я не могу понять, что изменить в своем коде, чтобы воспользоваться преимуществами сигналов. Я вставил ниже упрощенный фрагмент своего кода, просто для общего представления.
Что мне следует изменить, чтобы это работало с Signals?
visibleSections = [];
sectionConfig = [
{
name: 'someComponent',
hidden: false
},
{
name: 'otherComponent',
hidden: false
}
];

ngOnInit() {
this.visibleSections = this.sectionConfig.filter(c => !c.hidden);
}

public isVisible(section): boolean {
return this.visibleSections.findIndex(s => s.name === section) > -1;
}

public setSectionVisibility(e: any): void {
this.sectionConfig.find(c => c.name === e.itemValue.name).hidden = e.value.findIndex(p => p === e.itemValue) === -1;
}

HTML:


@if (isVisible("someComponent")) {

}

@if (isVisible("otherComponent")) {

}



Подробнее здесь: https://stackoverflow.com/questions/793 ... components