如何在 ngx-dropdown-list 中设置默认值

Question

我想要的是刷新页面，我想从 API 获取值并在 select 列表中添加为 selected。这里的语法

<ngx-dropdown-list (selectionChange)="onChange($event)"
                   [items]="optionItems"
                   [multiSelection]="false"
                   [placeHolder]="'place holder of the drop-down list'"
                   [(selectedValue)]="maxRowsLimitation"
                   [suffixText]="' suffix text'"
                   [filterBox]="false"
                   [formatNumber]="true"
                   [disabled]="false">
</ngx-dropdown-list>

如何从组件 ts 文件的列表中添加 selected 值？

Answer 1

我已经分析了你的问题，解决方案是在你的对象中添加 selected 属性 should be set to true .

请检查此 link https://stackblitz.com/edit/angular-ivy-mdpelb?file=src%2Fapp%2Fapp.component.ts

optionItems = [
  {id: 'Max',     value: 'Max',     text: 'Maximum'},
  {id: 'Average', value: 'Average', text: 'Average'},
  {id: 'Sum',     value: 'Sum',     text: 'Total', selected:true},
  {id: 'Last',    value: 'Last',    text: 'Last'}
];

如何在 ngx-dropdown-list 中设置默认值

How to set default value in ngx-dropdown-list

angular

ngx-bootstrap

ngx-select-dropdown