PrimeNG p-inputNumber占位符不显示问题求助

问题根源：你绑定的表单控件exchangeRate初始值为0（或默认被初始化为数值0），p-inputNumber会优先渲染控件值，因此显示0.00而非占位符。

解决步骤： #

• 调整表单控件初始值
  在构建FormGroup时，将exchangeRate的初始值设为null，而非默认的0：

  // 示例代码
  this.yourForm = this.formBuilder.group({
    exchangeRate: [null, /* 可按需添加验证器 */]
  });
  

• 优化小数位数显示（可选）
  当控件值为null时，可条件化绑定小数位数，让占位符显示更自然：

  <span class="p-inputtext-sm">
    <p-inputNumber 
      [max]="9" 
      mode="decimal" 
      name="exchangeRate" 
      formControlName="exchangeRate"
      [minFractionDigits]="yourForm.get('exchangeRate')?.value !== null ? 2 : 0"
      [maxFractionDigits]="2" 
      placeholder="enter exchange rate">
    </p-inputNumber>
  </span>
  

原理说明： #

p-inputNumber在绑定formControlName时，仅当控件值为null/undefined且未被用户触摸时，才会显示占位符。若初始值为0，组件会渲染格式化后的0.00，直接覆盖占位符。

内容的提问来源于stack exchange，提问作者Gale