如何應用基於ng類的屬性並點擊Angular？

Question

我們需要根據數據切換屬性和用戶單擊更改CSS類。我們已經可以根據用戶點擊事件來更改課程。

如何更改用戶點擊和基於數據切換屬性的類？

HTML：

<a ng-click="iconChange('FF'+$index)" 
    href="#" data-toggle="collapse"> 
    <span title="{{idx}}" 
      ng-class="{'glyphicon1 down': FF{{$index}}, 'glyphicon1 right': !FF{{$index}} }" && 
      ng-attr-data-toggle="{{ collapse ? true : false }}"> 
    </span> 
</a> 

JS：

$scope.iconChange = function(idx){ 
          $scope[idx] = !$scope[idx]; 
         }; 

Answer 1

使用ui-boostrap collapse指令切換項目是否已展開。

我相信你的模板中的ng-class屬性可以得到改善。嘗試如下所示。

<a ng-click="iconChange($index)" 
    href="#"> 
    <span title="{{idx}}" class="glyphicon1" 
      ng-class="{down: showDown[$index], right: !showDown[$index] }" 
    </span> 
</a> 
<div uib-collapse="showDown[$index]">...</div> 

然後你的控制器應包括

// Initialize object 
$scope.showDown = {}; 

$scope.iconChange = function(idx){ 
    $scope.showDown[idx] = !$scope.showDown[idx]; 
} 

這可能會是一個非此即彼的屬性設置比插值變量名。