javascript - Angular/typescript 排序大于 0 排序小于 0

Question

嘿，所以我遇到了这个问题。

我想创建一个输入字段，对大于所选值的数字进行排序&

我想创建一个输入字段，对小于所选值的数字进行排序。这可能吗？

注意：我已经有一个按钮，可以按 asc - desc 顺序对订单进行排序。现在我想过滤掉大于或小于的一次

这是代码的 plunker/stackblitz：https ://stackblitz.com/edit/angular-pypfy4

标签： javascriptangulartypescript

Answer 1

您需要将输入值绑定到参数：

export class AppComponent  {
    name = 'Angular';

    larger: number;  // parameter for binding 
    smaller:number;  // parameter for binding 

    isAscendic = true

ngModel并通过in连接它HTML

<input type="number" name="larger" [(ngModel)]="larger" placeholder="Input > than">
<input type="number" name="smaller" [(ngModel)]="smaller" placeholder="Input < than">

现在你只需要一个过滤器this.fruits

if(this.larger)
    this.fruits = this.fruits.filter(i=>i > this.larger);

if(this.smaller)
    this.fruits = this.fruits.filter(i=>i < this.smaller);