获取ngb手风琴的aria扩展值Angular 2/4/5

时间:2018-07-19 05:51:29

标签: angular angular5 accordion wai-aria

更新

已将文件更改为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手风琴的 aria-expanded 值(例如true或false),以便可以在组件端进行操作。我在每个面板标题旁边都放置了一个图标。如果aria扩展值是真实的,我希望它是白色,否则是灰色。有人可以帮我吗?

这是我的手风琴代码:(.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);}

0 个答案:

没有答案