角度/打字稿排序大于0排序小于0

Question

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

我想输入一个将对大于选定值的数字进行排序的输入字段＆

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

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

的

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

Answer 1

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

export class AppComponent  {
    name = 'Angular';

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

    isAscendic = true

并通过ngModel中的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);