ng-select从中获取对象作为选定值

时间:2018-05-03 08:36:30

标签: angular ngmodel

我正在使用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;
    ....
}

我正在尝试将选定值作为包含ID和文本的对象(过滤器),但我总是只获取ID

如何将所有过滤器作为选定值?

1 个答案:

答案 0 :(得分:2)

因为您将绑定设置为ID:bindValue="ID"。删除它,它应该工作。

在此处阅读有关绑定的更多信息:https://ng-select.github.io/ng-select#/bindings