ng-select 将对象作为 selected 值从
ng-select Get object as selected value from
我正在使用 ng-select(来自“@ng-select/ng-select”的 NgSelectModule)
这是我的代码:
<ng-container *ngFor="let validFilter of validFiltersData; let i = index" >
<div *ngIf="validFilter.Values && validFilter.Values.length > 0" class=" filter col-md-4 ">
<ng-select [items]="validFilter.Values" bindLabel="Text" bindValue="ID" (change)= "onFilterValueChage($event, validFilter)" class="input-md"
[(ngModel)]="validFilter.selectedValue"></ng-select>
</div>
</ng-container>
validFiltersData 是 FilterData 数组:
export class FilterData
{
Name : string;
FormattedName : string = null;
Values : Filter[];
selectedValue : Filter = null;
...
}
和过滤器:
export class Filter
{
public ID: number;
public Text: string;
....
}
我试图获取 selected 值作为包含 ID 和文本的对象(过滤器),但我总是只获取 ID。
如何将所有过滤器作为 selected 值获取?
因为您将绑定设置为 ID:bindValue="ID"
。删除它,它应该可以工作。
在此处阅读有关绑定的更多信息:https://ng-select.github.io/ng-select#/bindings
我正在使用 ng-select(来自“@ng-select/ng-select”的 NgSelectModule) 这是我的代码:
<ng-container *ngFor="let validFilter of validFiltersData; let i = index" >
<div *ngIf="validFilter.Values && validFilter.Values.length > 0" class=" filter col-md-4 ">
<ng-select [items]="validFilter.Values" bindLabel="Text" bindValue="ID" (change)= "onFilterValueChage($event, validFilter)" class="input-md"
[(ngModel)]="validFilter.selectedValue"></ng-select>
</div>
</ng-container>
validFiltersData 是 FilterData 数组:
export class FilterData
{
Name : string;
FormattedName : string = null;
Values : Filter[];
selectedValue : Filter = null;
...
}
和过滤器:
export class Filter
{
public ID: number;
public Text: string;
....
}
我试图获取 selected 值作为包含 ID 和文本的对象(过滤器),但我总是只获取 ID。
如何将所有过滤器作为 selected 值获取?
因为您将绑定设置为 ID:bindValue="ID"
。删除它,它应该可以工作。
在此处阅读有关绑定的更多信息:https://ng-select.github.io/ng-select#/bindings