代码之家  ›  专栏  ›  技术社区  ›  Devmix

下拉灵活性?

  •  0
  • Devmix  · 技术社区  · 7 年前

    只有

    LIVE DEMO

    <p-multiSelect [options]="people" [showHeader]="false"></p-multiSelect>
    
    2 回复  |  直到 7 年前
        1
  •  0
  •   DirtyMind    7 年前

    根据您的要求。我想你看起来像下面的样子。 在multiselect中使用(onChange)方法。

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

    在你各自的 组件技术 文件只需在下面使用

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

    我希望这能达到你的目的。更新 Stackblitz

        2
  •  -1
  •   Derviş Kayımbaşıoğlu    7 年前

    请查收 this link 对于下拉选项:

    html

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

    import {DropdownModule} from 'primeng/dropdown';
    
    @NgModule({
      imports:      [ ..., DropdownModule]
    })
    export class AppModule { }
    

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