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数组中，通过loop对其进行迭代，如果item等于要删除的项目，则匹配它。如果它们匹配，则使用拼接方法将其删除。

在您的.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')
   }
   
  }

从下拉选项中删除选择的选项

2 个答案: