时间戳

首页 > 解决方案 > 加载下拉值字母顺序角度6

javascript - 加载下拉值字母顺序角度6

问题描述

我正在尝试按字母顺序加载下拉菜单。目前我使用唯一值管道进行下拉。我如何添加另一个管道以获取字母顺序..

<select class="form-control fix-dropdown" required  
    (change)="batchSorceList();"
    [ngClass]="{'is-invalid':glheaderform.submitted && orgname.invalid}"
    #orgname="ngModel" [(ngModel)]="orgNameModel.orgName"
    name="orgName"> 
        <option value="undefined" disabled="true">--Select--</option>
        <option *ngFor="let bank of orgNameModel | unique ">{{bank.orgName}}</option> 
</select>

标签： javascriptangularangular6

解决方案

作为 Angular 的最佳实践，您不应该使用OrderPipe

如果要根据名称对项目进行排序，请使用纯javascript排序功能，如下所示

sortBy(prop: string) {
  return this.orgNameModel.sort((a, b) => a[prop] > b[prop] ? 1 : a[prop] === b[prop] ? 0 : -1);
}

在您的 HTML 中，

<option *ngFor="let bank of of filterBy('orgName')"| unique ">{{bank.orgName}}</option>

推荐阅读