如何在运行期间设置一个不同的参数来在Angular2中排序

时间:2017-08-17 07:11:06

标签: angular typescript angular-pipe

我在这里使用ng2-order-pipe:

https://www.npmjs.com/package/ng2-order-pipe

当用户点击按钮时,我希望能够通过参数从字符串a切换到字符串b。

到目前为止,我已尝试将订单设置为类的值,如下所示:

export class CompanyPage ...{
parameterName:string = 'location';
}

并在HTML中:

<div *ngFor="let job of jobsList | orderBy: parameterName> ...

点击方法:

this.parameterName = newValue;

此方法按开始时设置的参数排序,但在用户单击按钮时不更新,是否可以通过其他方式完成此操作?

工作班:

class jobInfo {
    id: number
    jobTitle: string
    description: string
    created: Date
    companyName: string
    logoUrl: string
    location: string
    minSalary: number
    maxSalary: number
    requirements: string
    benefits: string
}

newValue来自:

(change)="onDisplayChanged($event.target.value)

同样,我已经调试了这一点,click方法完成了它的工作,parameterName获得了我想要的值。它只是不适用于管道(如果我改变它的初始值,它会有不同的排序)

我之前没有时间使用plunkr所以我最终花了一段时间从原点更改代码并且当我从这里使用orderBy管道而不是angular2-orderby-pipe模块时它变得有效:

https://plnkr.co/edit/8hf3Yor6WCbE0g873EiE?p=preview

0 个答案:

没有答案