aria-expanded angularjs 上的三元运算符

Question

我正在尝试将 aria-expanded 添加到链接中，我希望 aria-expanded 的值在用户展开链接时为 true，而在未展开时为 false。我不确定如何实现这一点，我认为三元运算符会这样做但不确定如何。

  <a href="" ng-click="do()" class="" aria-expanded="{{}}" aria-label="test">
            <span class=""></span>Something
        </a>

Answer 1

您可以简单地将属性绑定到变量

<a href="" ng-click="do()" class="" aria-expanded="{{expandedValue}}" aria-label="test">
  <span class="">Something</span>
</a>

在你的控制器中

$scope.do = function(){
    $scope.expandedValue = !$scope.expandedValue;
}