Получить расширенное значение арии Angular 2/4/5 для ngb-гармошки

Question

ОБНОВИТЬ

Поменял файл на scss. Нашел исправление.

/deep/ .my-accordion .card-header a[aria-expanded="true"] {
img.icon{
    filter:invert(0%);
}}

/deep/.my-accordion .card-header a[aria-expanded="false"] {
img.icon{
    filter:invert(40%);
}}

Предыдущий пост

Я хотел бы получить расширенное значение арии (например, истина или ложь) ngb-accordion, чтобы я мог манипулировать им на стороне моего компонента. Я поместил значок рядом с заголовком каждой панели. Если значение расширенного арии имеет значение true, я хочу, чтобы оно было белого цвета, в противном случае - серого. Может ли кто-нибудь помочь мне?

Вот мой код аккордеона: (.html)

<ngb-accordion *ngFor="let pages of getColumndataForm(FaultForm); let i=index" #acc="ngbAccordion"  [attr.aria-expanded]="selected" [activeIds]="activeIds" formArrayName="functions">

А вот мой код для значка: (.html)

    <img class="icon" [ngStyle]="{'filter': 'invert' + selected ? '(0%)' : '(40%)'}" *ngSwitchCase="0" src="assets/icons/connector.png">

Я попробовал следующий метод CSS, но он тоже не работал (.css)

a[aria-expanded="true"]{
background-color: rgb(0, 0, 0);}