从下拉列表中删除特定时间段

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 = "";
  }