angularjs - 从下拉列表中删除特定时隙

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