Angularjs 是否可以使用角咏叹调进行咏叹调扩展?
我在互联网和Angular Aria文档上搜索过——它没有提到Aria expanded或Aria selected 有没有办法实现这一点Angularjs 是否可以使用角咏叹调进行咏叹调扩展?,angularjs,accessibility,Angularjs,Accessibility,我在互联网和Angular Aria文档上搜索过——它没有提到Aria expanded或Aria selected 有没有办法实现这一点 <a href ng-aria={'expanded': selected} & ng-aria={'selected': selected}></a> 这将使: <a href aria-expanded="true" aria-selected="true"></a> 谢谢。无需指令来设
<a href ng-aria={'expanded': selected} & ng-aria={'selected': selected}></a>
这将使:
<a href aria-expanded="true" aria-selected="true"></a>
谢谢。无需指令来设置aria扩展。只需使用一个表达式:
<a href="#" ng-init="selected=false" aria-expanded="{{selected}}" aria-selected="{{selected}}" ng-click="selected=!selected">link</a>
<p ng-show="selected">content<p>
内容
我使用ng引导程序来完成这项工作。例如:
HTML
资料来源:
<p>
<button type="button" class="btn btn-outline-primary" (click)="isCollapsed = !isCollapsed"
[attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample">
Toggle
</button>
</p>
<div id="collapseExample" [ngbCollapse]="isCollapsed">
<div class="card">
<div class="card-body">
You can collapse this card by clicking Toggle
</div>
</div>
</div>
import { Component } from '@angular/core';
@Component({
selector: 'ngbd-collapse-basic',
templateUrl: './collapse-basic.html'
})
export class NgbdCollapseBasic {
public isCollapsed = false;
}