Question

我想使用先前的值使用角度2/4来计算百分比。假设我有一个输入类型'number'值= 10.如果我添加的值低于50（值= 20），它必须为25％，超过50的值为50％。任何人都可以帮助我从角度2/4

中我想要的场景中解脱出来

Answer 1

您可以使用angular pipe。

创建*.pipe.ts文件：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'countPercentage'})
export class countPercentage implements PipeTransform {
  transform(value: number, previous: number): number {
    return yourCalculateMethod(value, previous);
  }
}

在html文件中使用管道：

<p>{{value | countPercentage: previous}}</p>

或者，您可以使用输入DOM事件，例如onChange事件。

在HTML文件中：

<input (onchange)="myOnChangeEvent($event)"/>

在JS类的TS中：

previousValue: number;
myOnChangeEvent(event) {
  if(!previousValue) return '';
  let percentage = previousValue * 1.0 / event.target.value / 100;
  this.previousValue = event.target.value;
  return percentage>50? '50%' : percentage + '%';
}

如果这是你的意思。

我想用角度2/4来计算百分比。

1 个答案: