title: Angularjs ng-repeat remove selected option from multiple select boxes
body: <p>Using ng-repeat am loading multiple select dropdown elements and each dropdown has the same set of values loaded.
  Once the user selects an option from the select box; The selected option shouldn't appear in other select boxes(options).</p>
  <p>Example: If the user selects Option A from select: 1; then in select: 2 or any other select: N the Option A shouldn't appear and vice-versa.</p>
  <p>Plunker: <a href="https://plnkr.co/edit/yCFIanCXPece49dk?open=lib%2Fscript.js&amp;deferRun=1&amp;preview" rel="nofollow noreferrer">https://plnkr.co/edit/yCFIanCXPece49dk?open=lib%2Fscript.js&amp;deferRun=1&amp;preview</a></p>
  <p>Code:</p>
  <pre><code> &lt;option ng-repeat=&quot;option in data.availableOptions | filter:arrayFilter(select.selectedOption,$index)&quot; value=&quot;{{option.id}}&quot;&gt;
  
     $scope.arrayFilter = function(selectionArray, position) {
      return function(item, index) {
        return selectionArray.indexOf(item.id) == -1 || item.id == selectionArray[position];
      }
    }
  </code></pre>