AngularJS使用ng-repeat渲染select选项时，如何排除含'TM'的选项？

嘿，我看到你现在的需求是在使用ng-repeat渲染的select控件里，显示所有选项但排除包含'TM'的项。你当前的代码里用了filter:'TM'，这其实是只保留包含'TM'的选项，刚好和你的需求相反，下面给你几个简单的解决办法：

方法一：使用内置filter的取反语法 #

AngularJS的内置filter支持在匹配字符串前加!来实现“排除”的效果，直接修改filter部分即可：

<select ng-model="mainCtrl.header.selectedItemId" class="form-control">
  <option ng-repeat="option in mainCtrl.items | filter:'!TM'" ng-value="option.id">
    {{option.name}}
  </option>
</select>

这个方法最简单直接，会检查option对象的所有属性，只要任意属性包含'TM'就会被排除。

方法二：针对特定字段精准排除 #

如果你只需要检查option.name字段是否包含'TM'（避免误判其他属性里的'TM'），可以用对象字面量形式的filter：

<select ng-model="mainCtrl.header.selectedItemId" class="form-control">
  <option ng-repeat="option in mainCtrl.items | filter: {name: '!TM'}" ng-value="option.id">
    {{option.name}}
  </option>
</select>

这种方式只会匹配option.name字段，更加精准。

方法三：自定义filter处理复杂逻辑 #

如果需要更复杂的排除规则（比如区分大小写、精确匹配'TM'而不是包含），可以自定义一个filter：

首先在你的AngularJS控制器所在的模块里定义filter：

angular.module('yourAppModule')
  .filter('excludeTM', function() {
    return function(items) {
      return items.filter(function(item) {
        // 这里可以自定义逻辑，比如区分大小写的排除
        return !item.name.includes('TM');
        // 如果要区分大小写可以用：return item.name.indexOf('TM') === -1;
      });
    };
  });

然后在模板里使用这个自定义filter：

<select ng-model="mainCtrl.header.selectedItemId" class="form-control">
  <option ng-repeat="option in mainCtrl.items | excludeTM" ng-value="option.id">
    {{option.name}}
  </option>
</select>

这个方法灵活性最高，适合处理各种复杂的过滤需求。

内容的提问来源于stack exchange，提问作者Len