Angularjs配置多维选项卡箭头(颜色、可见性)

<div ng-controller="TabController as tab">
  <ul class="tabs">
    <li ng-repeat="tab in tab.tabs" ng-class="{active: tab.isActive}">
      <a href="" ng-click="tab.setActiveTab(tab)">{{ tab.title }}</a>
    </li>
  </ul>
  <div class="tab-content">
    <div ng-repeat="tab in tab.tabs" ng-show="tab.isActive">
      <!-- 内容 -->
    </div>
  </div>
</div>

angular.module('myApp', [])
  .controller('TabController', function() {
    var vm = this;
    
    vm.tabs = [
      { title: 'Tab 1', isActive: true, color: 'red', isVisible: true },
      { title: 'Tab 2', isActive: false, color: 'blue', isVisible: false },
      { title: 'Tab 3', isActive: false, color: 'green', isVisible: true }
    ];
    
    vm.setActiveTab = function(tab) {
      angular.forEach(vm.tabs, function(tab) {
        tab.isActive = false;
      });
      tab.isActive = true;
    };
  });

<div ng-repeat="tab in tab.tabs" ng-show="tab.isVisible">
  <a href="" ng-click="tab.setActiveTab(tab)" ng-style="{'color': tab.color}">{{ tab.title }}</a>
</div>