首页 > 解决方案 > 如何在 ngx-dropdown-list 中设置默认值

问题描述

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

<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 文件的列表中添加选定的值?

标签: angularngx-bootstrapngx-select-dropdown

解决方案


我已经分析了您的问题,解决方案是在您的对象中添加selected属性应设置为true 。

请检查此链接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'}
];

推荐阅读