如何为每个标签创建过滤器？

Question

我正在尝试在tabcontrol上定义过滤器。当我切换标签时，我希望每个标签的值都不同。我为此创建了一个指令：

app.directive('colorFilter', function($filter) {
      return {
        restrict: 'E',
        templateUrl: 'tableFilter.html'
      };
});

如何使用自己的颜色为每个标签创建可重复使用的过滤器？

plunkr：http://plnkr.co/edit/82YBjepobHqLEa5163JC?p=preview

Answer 1

完成后我必须在指令上定义一个范围：

app.directive('colorFilter', function($filter) {
      return {
        restrict: 'E',
        scope: {
          test: '=test'
        },
        templateUrl: 'tableFilter.html'
      };
});