如何在剃刀中将 InputText 绑定到模型

Question

I have a model class called Patient, a class that handles the services related to Patient, and an interface. All are public except the interface and all are in separate files. When i try to bind InputText on my Razor page to patient properties, the ide doesnt find them.

The razor page:

@using BlazorApp.Data;

<EditForm Model="@patient"> 
    <div class="col-12 row">
        <label class="col-2 font-weight-bold">first name: </label>
        <InputText class="form-control col-3" @bind-Value="patient.Name"/>
        placeholder="first name" />
    </div>
</EditForm>

@code {
public Patient patient {get;set;}
protected override void OnInitialized()
{
    patient =  new Patient();
}

}

The model class:

public class Patient
{
    public int ID { get; set; }
    public string Name { get; set; }
    public string LastName { get; set; }
    public DateTime DateOfBirth { get; set; }
    public Patient(){}

    public Patient(int id, string name, string lname, DateTime date)
    {
        ID = id;
        Name = name;
        LastName = lname;
        DateOfBirth = date;
    }
}

Answer 1

When i try to bind InputText on my Razor page to patient properties, the ide doesnt find them.

the namespace is blazor, and yes they are added with using directives as well.

I did a test based on your description and code, which work well on my side. Please recheck the namespace of your Patient class and make sure you have imported it via @using directives.

Patient class

namespace blazor 
{
    public class Patient
    {
        public int ID { get; set; }
        public string Name { get; set; }
        public string LastName { get; set; }
        public DateTime DateOfBirth { get; set; }
        public Patient() { }

        public Patient(int id, string name, string lname, DateTime date)
        {
            ID = id;
            Name = name;
            LastName = lname;
            DateOfBirth = date;
        }
    }
}

In _Imports.razor

@using blazor

In component

<EditForm Model="@patient">
    <div class="col-12 row">
        <label class="col-2 font-weight-bold">first name: </label>
        <InputText class="form-control col-3" @bind-Value="patient.Name" placeholder="first name" />
    </div>
</EditForm>

@code{
    public Patient patient {get;set;}

    protected override void OnInitialized()
    {
        patient =  new Patient() {  Name = "test user"};
    }
}

Test Result