blazor - Blazor 格式化 Numeric 的 InputType

Question

有人知道如何将数字类型格式化为 100.10 吗？当前如果值为 100.10，它将显示为 100.1

尝试使用 C2 的 @bind-value:format 0:0.##，我是 Blazor 的新手，所以如果有人能指出我正确的方向，我将不胜感激。

<BSBasicInput InputType="InputType.Number" @bind-Value="@Amount" step="0.01" />

Answer 1

如果您绑定到 a decimal，它似乎会保留您为该值指定的小数位数，甚至训练零。

@page "/"
<EditForm Model=@Account>
    <InputNumber @bind-Value=Account.Balance/>
    <button>Submit</button>
</EditForm>

@code
{
    BankAccount Account = new BankAccount();

    public class BankAccount
    {
        public decimal Balance { get; set; } = 23.300;
    }
}

对于花车和双打，我希望以下工作

<InputNumber @bind-Value=Account.Balance @bind-Value:format="F2"/>

但它似乎只有DateTime并且DateTimeOffset被支持，这是一种耻辱。

Blazor University 上有一个示例，展示了如何InputBase创建自己的输入控件。实现一个尊重格式的控件是非常简单的。

https://blazor-university.com/forms/descending-from-inputbase/