下拉式弹性？

Question

我有这个下拉菜单，目前允许多个选择。但是，我想仅一次允许一个选择。基本上，如果我选择person1（这应该是唯一选择的一个），那么如果我选择person2（应该是person2应该是唯一选择的一个）。谁能告诉我如何做到这一点？谢谢！

这是我的代码：

LIVE DEMO

<p-multiSelect [options]="people" [showHeader]="false"></p-multiSelect>

Answer 1

根据您的要求。我认为您正在寻找类似下面的内容。 在多选中使用（onChange）方法。

<p-multiSelect [options]="people" [showHeader]="false" 
     (onChange)="change($event)">
</p-multiSelect>

并在您各自的 component.ts 文件中。只需在下面使用

 change(e:any){
    if(e.value.length > 1) {
      e.value.shift();
    }
  }

我希望这会达到您的目的。更新了Stackblitz

Answer 2

请检查this link的下拉选项：

html

<p-dropdown   [options]="people" ></p-dropdown>

模块

import {DropdownModule} from 'primeng/dropdown';

@NgModule({
  imports:      [ ..., DropdownModule]
})
export class AppModule { }

编辑 OP坚持使用多选

<p-multiSelect [options]="people" [showHeader]="false" selectionLimit="1"></p-multiSelect>