從下拉可用選項中刪除選定的選項

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

在您的 FacultyorStudent_Data 數組中，通過循環對其進行迭代，如果項目等於您要刪除的項目，則進行匹配。 如果它們匹配，則使用拼接方法將其刪除。

在 you.ts 文件中：

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

Answer 2

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