Question

我有3个选择（html）组件，选项由相同的API填充。我需要的是当我在组件A中选择例如USA时，在组件B中我不能再次选择它，它可能被禁用或被过滤。我该怎么办？

<select ng-option="countries in ctrs" ng-model="selectedCtr1">
  <option val="usa">USA</option>
  <option val="arg">Argentina</option>
  <option val="col">Colombia</option>
  <option val="cnd">Canada</option>
<select>
<select ng-option="countries in ctrs" ng-model="selectedCtr2">
  <option val="usa">USA</option>
  <option val="arg">Argentina</option>
  <option val="col">Colombia</option>
  <option val="cnd">Canada</option>
<select>
<select ng-option="countries in ctrs" ng-model="selectedCtr3">
  <option val="usa">USA</option>
  <option val="arg">Argentina</option>
  <option val="col">Colombia</option>
  <option val="cnd">Canada</option>
<select>

Answer 1

创建过滤器

sudo apt-get autoremove --purge docker-engine
sudo rm -rf /var/lib/docker

然后应用于每个选择

app.filter('exclude',function()
{
  return function(countries, selected1, selected2)
  {
    var output = [];

    for(var i = 0; i < countries.length; i++)
    {
       if(countries[i] != selected1 && countries[i] != selected2)
       {
          output.push(countries[i]);
       }
    }

    return output;
  }
});

angularjs - 在选择组件的选项中再次选择筛选所选选项

1 个答案: