angular - ngx-mask 接受负数

Question

我们使用 ngx-mask 中的 MaskDirective 和 MaskService 来让用户接受以下格式的输入货币:000000.00。

以下是我的指令。我正在使用输入类型 =“十进制”。现在我有一个场景，其中一种情况该指令应该接受负数(如果有的话)。

我该如何实现？尝试使用“specialCharacters”，但无法通过。

非常感谢任何帮助。提前致谢。

`@Directive({
  selector: 'input[type=decimal]',
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => DecimalDirective),
      multi: true,
    },
    MaskService,
  ],
})
export class DecimalDirective extends MaskDirective implements OnInit {
  @HostBinding('type') public type = 'text';

  ngOnInit() {
    this.maskExpression = '099999.00';
    this.dropSpecialCharacters = false;
  }
}`

用法:

`<input type="decimal" name="sampleAmount" formControlName="sampleAmount" class="form-control" placeholder="0.00">`

Answer 1

<input mask="V0*.00" 
      [patterns]="customPatterns" 
      [dropSpecialCharacters]="false">

customPatterns = {
    'V': {pattern: new RegExp('-?')},
    '0': {pattern: new RegExp('[0-9]')}
  }

Reference