aria-expanded angularjs 上的三元运算符

Question

我正在尝试将 aria-expanded 添加到 link，我希望 aria-expanded 的值在用户扩展 link 时为 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;
}

Ternary operator on aria-expanded angularjs