Javascript 如何在ng click按钮上添加活动类？

这是按钮的html代码，

taskfilter

是按钮单击时如何工作的过滤器，类名为“sel”

<a class="clear-completed" ng-click="taskfilter = 1" ng-class="{'sel':enabled}">
  <span>show completed</span>.
</a>
<a class="clear-completed" ng-click="taskfilter = 2" ng-class="{'sel':enabled}">
  <span>show to do</span>.
</a>
<a class="clear-completed" ng-click="taskfilter = 0" ng-class="{'sel':enabled}">
  <span>show all</span>.
</a>  

您可以使用指令

如果表达式的计算结果是一个对象，那么对于具有

truthy

值的对象的每个键值对，相应的

key

将用作

类名



演出结束。
表演。
全部展示。

}))


演出结束。
表演。
全部展示。
{class}}更改类，但如何使“taskfilter=0按钮”具有初始值上的活动类。仅当我单击按钮时，它才会显示“否”，但我希望在重新加载类时使用第一个按钮，如果我单击其他按钮使其变为红色，而不是第一个按钮，那么如何使用“taskfilter=0按钮”，并在初始值上使用活动类。仅当我单击按钮时，它才会显示“否”，但我希望在类重新加载时使用第一个按钮，并且如果我单击其他按钮使其变为红色而不是第一个按钮，则另一个选项是，您可以在控制器的第一行写入$scope.taskfilters=0以初始化值。否则ng init就可以了。我只需要它在重新加载时是橙色的，这样你就可以看到你在开始，如果你想检查其他的，类就会切换到其他的。如果你知道这一点，我会让你的答案正确的
$scope.taskfilters = 0;
$scope.taskfilter = function(index) {
    $scope.taskfilters = index;
};

<a ng-class="{'active' : taskfilter == 0}" ng-click="taskfilter = 0">

<a class="clear-completed" ng-click="taskfilters = 1" ng-class="{'sel':taskfilters == 1}">
     <span>show completed</span>.
</a>
<a class="clear-completed" ng-click="taskfilters = 2" ng-class="{'sel':taskfilters} == 2">
     <span>show to do</span>.
</a>
<a class="clear-completed" ng-init="taskfilters = 0" ng-click="taskfilters = 0" ng-class="{'sel':taskfilters == 0}">
     <span>show all</span>.
</a>

var app = angular.module("ap",[]);

app.controller("con",function($scope) {

$scope.class = "red";
$scope.changeClass = function(){
if ($scope.class === "red")
  $scope.class = "blue";
else
  $scope.class = "red";
};

.red{
 color:red;
 }

  .blue{
  color:blue;
 }

<a class="clear-completed" ng-click="taskfilters = 1" ng-class="{'sel':taskfilters == 1}">
     <span>show completed</span>.
</a>
<a class="clear-completed" ng-click="taskfilters = 2" ng-class="{'sel':taskfilters} == 2">
     <span>show to do</span>.
</a>
<a class="clear-completed" ng-click="taskfilters = 0" ng-class="{'text-primary':!taskfilters, 'sel':taskfilters == 0}">
     <span>show all</span>.
</a>