Angular 5和Primeng下拉菜单动态添加和删除选项

// 组件类
import { Component } from '@angular/core';

@Component({
  selector: 'app-dropdown',
  template: `
    <p-dropdown [options]="options" [(ngModel)]="selectedOption"></p-dropdown>
    <button (click)="addOption()">添加选项</button>
    <button (click)="removeOption()">删除选项</button>
  `
})
export class DropdownComponent {
  options = [
    { value: 'option1', label: '选项1' },
    { value: 'option2', label: '选项2' },
    { value: 'option3', label: '选项3' }
  ];
  selectedOption: string;

  addOption() {
    const newOption = { value: 'option4', label: '选项4' };
    this.options.push(newOption);
  }

  removeOption() {
    const index = this.options.findIndex(option => option.value === this.selectedOption);
    if (index !== -1) {
      this.options.splice(index, 1);
      this.selectedOption = null;
    }
  }
}