Удаление определенного временного интервала из выпадающего

Question

Я использую ionic и angularjs для разработки приложений. У меня два выпадающих списка, один выпадающий имеет минуты, а другой временной интервал. При выборе минут в раскрывающемся списке будет создан временной интервал на основе выбранных минут. когда конкретный временной интервал выбирается пользователем, он должен быть удален из раскрывающегося списка, чтобы этот временной интервал не был доступен для других пользователей. Я столкнулся с проблемой удаления временных интервалов. Я разместил код того, что я попробовал. Я не знаю, где я ошибся, и мне нужна ваша помощь. Спасибо.

Html:

        Interval in minutes: <select ng-model="interval" ng-change="setTimeSlots()" ng-options="i for i in intervals"></select>
        <br/>Timeslots:
        <select id="dlSlots" ng-model="selectedTimeslot" ng-options="slot for slot in timeslots">
        <option value="">Please select</option>
        </select><br/><br/> Selected timeslot: {{selectedTimeslot}}
        </form><br> 

контроллер:

$scope.TimeSlot=function(){
    var slotSelected=$scope.selectedTimeslot;
    var deleteSlot=[];
    deleteSlot.push(slotSelected);
    $scope.timing=slotSelected;
       var dropDown=document.getElementById("dlSlots").selected;
      for(var j=0; j <= dropDown.options.length; j++){
          var _item=$scope.option[j];
          if(_item.selected){
              dropDown.removeChild(dropDown.options[j]);
          }
      }
      $scope.selectedTimeslot = "";
  }