相关疑难解决方法(0)

如何预选 Primeng Dropdown 值?

我在我的角度应用程序中有带有一组值的 primeng 下拉菜单。

在视图 Screen 中,下拉列表不显示所选值(保存在数据库中的值),而是显示“选择”。

HTML:

<p-dropdown    [options]="reasons" [(ngModel)]="selectedReason"   (onChange)="getCompleteReason($event)" styleClass="ui-column-filter" filter="true"> </p-dropdown>
Run Code Online (Sandbox Code Playgroud)

组件.ts

this.reasons = [];
    this.reasons.push({label: 'Select', value: null});
    this.reasons.push({label: 'Reason 1', value: 'Reason 1'});
    this.reasons.push({label: 'Reason 2', value: 'Reason 2'});
    this.reasons.push({label: 'Reason 3', value: 'Reason 3'});
    this.reasons.push({label: 'Other', value: 'Other'});


this.selectedReason = 'Reason 2' (eg value stored in the db)
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

angular primeng-dropdowns

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×1

primeng-dropdowns ×1