Question

我当前正在创建一个Pipe，目的是返回输入数量的子字符串。用户输入数字时，例如4000-自定义管道将阻止它们在第三个0后面添加任何其他数字。换句话说，它将接受400。我的Pipe TS当前看起来像：

@Pipe({name: 'quantity'})
export class QuantityPipe implements PipeTransform{
  transform(value:string):string{
    if(value !== value.toString()){
      return;
    }
    return value.substring(0,3)
  }
}

我的component.html文件管道实现如下所示：

.html Component Pipe Implementation

<input [ngModel]="food.quantity | quantity"  (ngModelChange)="food.quantity=$event" name="inputField" type="text">

输入超过3个字符的数字时，它不会执行任何操作。经过一些调试后，似乎正在使用管道-但是chrome控制台显示值未更改。

有什么让您脱颖而出吗？

在Angular中创建数量缩短管道

0 个答案: