angularjs - ドロップダウンから特定のタイムスロットを削除する

Question

アプリ開発に ionic と angularjs を使用しています。2 つのドロップダウンがあります。1 つのドロップダウンには分があり、もう 1 つのドロップダウンにはタイムスロットがあります。分を選択すると、選択した分に基づくタイムスロットがドロップダウンに生成されます。ユーザーが特定の時間帯を選択した場合は、ドロップダウンから削除する必要があります。そのため、その時間帯は他のユーザーが利用できません。タイムスロットの削除で問題に直面しています。私が試したもののコードを投稿しました。どこで間違ったのかわかりません。あなたの助けが必要です。ありがとうございました。

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