在 blazor 中向 InputNumber 添加占位符

Question

我有一个简单的问题，我想在 InputNumber 组件中添加一个占位符。
我尝试了这段代码，但它没有用。

//Code behind
public int? Hour { get; set; }
//razor page
<EditForm Model="FilteredEmployees">
  <InputNumber @bind-Value="Hour" min="0" class="form-control" max="10" placeholder="Hour"/> 
</EditForm>

感谢帮助。

Answer 1

可能有多种原因，具体取决于您的代码设置方式。请尝试为可重复的示例添加更多代码，或显示您遇到的具体错误。

如果此输入框显示 0 而不是“小时”，很可能是因为您使用的是和 int 支持字段而不是 int？支持领域。我只是仔细检查了它并具有支持属性

public int? Hour { get; set; }

当文本框内容为空时正确显示占位符文本。

如果您遇到错误（例如空引用错误），很可能您忘记了 EditForm。请看https://docs.microsoft.com/en-us/aspnet/core/blazor/forms-validation?view=aspnetcore-5.0

作为一个最低限度的例子： 无论有没有验证元素，这对我来说都可以正常工作

@page "/"

<EditForm Model="@this">
    @*<DataAnnotationsValidator />
    <ValidationSummary />*@
    <InputNumber @bind-Value="Hour" min="0" class="form-control" max="10" placeholder="Hour" />    
</EditForm>

@code {
    public int? Hour { get; set; }
}