要限制输入框只能输入小数点前的一个数字，可以使用Angular的指令来实现。以下是一个示例代码：

1. 创建一个名为"onlyOneDigitBeforeDecimal"的指令：

import { Directive, ElementRef, HostListener } from '@angular/core';

@Directive({
  selector: '[onlyOneDigitBeforeDecimal]'
})
export class OnlyOneDigitBeforeDecimalDirective {

  constructor(private el: ElementRef) { }

  @HostListener('keydown', ['$event'])
  onKeyDown(event: KeyboardEvent) {
    const inputValue = this.el.nativeElement.value;
    const key = event.key;

    // 如果已经有一个小数点并且按下的是数字键或小数点键，则阻止事件继续执行
    if (inputValue.includes('.') && (/\d/.test(key) || key === '.')) {
      event.preventDefault();
    }

    // 如果小数点前已经有一个数字，并且按下的是数字键或小数点键，则阻止事件继续执行
    if (/\d/.test(inputValue) && (/\d/.test(key) || key === '.')) {
      event.preventDefault();
    }
  }

}

2. 在使用该指令的组件中，将指令添加到输入框的属性中：

这样，输入框就只能输入小数点前的一个数字了。如果输入框中已经有一个小数点或已经有一个数字，则输入框将无法再输入数字或小数点。