如何在angular模板中将字符串转换为数字

<!-- 假设有一个名为value的字符串变量 -->
<p>{{ value | number }}</p>

export class MyComponent {
  value: string = "123";
  numberValue: number = +this.value; // 使用一元加号运算符进行转换
}

<p>{{ numberValue }}</p>

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

@Pipe({
  name: 'stringToNumber'
})
export class StringToNumberPipe implements PipeTransform {
  transform(value: string): number {
    return parseInt(value, 10); // 使用parseInt进行转换
  }
}

import { NgModule } from '@angular/core';
import { StringToNumberPipe } from './string-to-number.pipe';

@NgModule({
  declarations: [StringToNumberPipe],
  exports: [StringToNumberPipe]
})
export class MyModule {}

<p>{{ value | stringToNumber }}</p>

const numberValue = parseInt(value, 10);
if (isNaN(numberValue)) {
  console.error('Invalid number format');
}