удалить выбранную опцию из выпадающих доступных опций

Question

У меня есть раскрывающийся список, и мне нужно удалить выбранную опцию и показать оставшиеся опции. заранее спасибо

  FacultyorStudent_Data: Array<string> = ['Faculty/Coach','Student']
  selected_FacultyorStudent: string = this.FacultyorStudent_Data[0];
  
  SelectFacultyorStudent(FnS){
    this.selected_FacultyorStudent=FnS;
  }

  <div class="text-center" id="perf-type" *ngIf="section=='practice'">
    <h4 class="dropdown-toggle" data-toggle="dropdown">  <i class="fa fa-bar-chart" aria-hidden="true"></i>
      &nbsp; <b>{{selected_FacultyorStudent}} &nbsp; <i class="fa fa-angle-down" 
        style="font-size: 0.7em; font-weight: 700;"></i></b>&nbsp;&middot;<small>beta v4</small>
    </h4>
    <ul class="dropdown-menu" style="width: 20%; left: 40%;color:  #337ab7;">
      <li *ngFor="let item of FacultyorStudent_Data; let i = index;" class="text-center"
        [ngClass]="{'bg-selected-quiz': selected_FacultyorStudent==item}"
        (click)="SelectFacultyorStudent(item)">
        {{item}}</li>

    </ul> 
  </div>

Answer 1

  if (FnS == 'Student'){
    this.FacultyorStudent_Data.splice(0,1,'Faculty | Coach Insights')
  }
  else{
    this.FacultyorStudent_Data.splice(0,1,'Student')
   }
   
  }

Answer 2

В вашем массиве FacultyorStudent_Data повторите его с l oop и сопоставьте, равен ли элемент элементу, который вы хотите удалить. Если они совпадают, удалите их, используя метод сращивания.

В вашем файле .ts:

for(let i=0;i<this.FacultyorStudent_Data.length;i++){
   if(FacultyorStudent_Data[i]=='yourItemName'){
     this.FacultyorStudent_Data.splice(i,1)
   }
}