Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 是否可以使用角咏叹调进行咏叹调扩展?_Angularjs_Accessibility - Fatal编程技术网

Angularjs 是否可以使用角咏叹调进行咏叹调扩展?

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> 谢谢。无需指令来设

我在互联网和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>


谢谢。

无需指令来设置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;
}