tab.html代码是：

<ul class="tab">
  <li ng-click="click(item);" 
ng-repeat="item in list" class="d-ib ta-c 
{{selectId===item.id?'active':''}}" ng-bind="item.name"></li>
</ul>

tab.js代码是：

'use strict';
angular.module('app').directive('appTab', [function(){
  return {
    restrict: 'A',
    replace: true,
    scope: {
      list: '=',
      tabClick: '&'
    },
    templateUrl: 'view/template/tab.html',
    link: function($scope) {
      $scope.click = function(tab) {
        $scope.selectId = tab.id;
        $scope.tabClick(tab);
      };
    }
  };
}]);

在选项卡 “城市”“薪水”“公司规模之间，假设第一次点击“城市”的时候会判断是否是被select 然后赋值active 类，但是再次点击别的tab时，假如为“薪水”，那前一个tab“城市”的active是如何从class中remove的？