Blazor - Client can't use model defined in dll - dll

Question

I'm having problem trying to use a model which is defined in a dll. I have imported the namespace to the model in _imports.razor. But still when I'm trying to use it on a page i get the error 'The name 'UserRegisterViewModel' does not exist in the current context'. Does anyone know what the problem might be? Thanks!
Edit:
I get the error in the htlm when trying to use UserRegisterViewModel, for example <EditForm Model="UserRegisterViewModel" OnValidSubmit="HandleRegistration">
Model
public class UserRegisterViewModel
{
[Required]
public string Email { get; set; }
[Required]
public string Password { get; set; }
}
Page
#page "/register"
#inject IAuthService AuthService
#inject NavigationManager NavigationManager
<h1>Register</h1>
#if (ShowErrors)
{
<div class="alert alert-danger" role="alert">
#foreach (var error in Errors)
{
<p>#error</p>
}
</div>
}
<div class="card">
<div class="card-body">
<h5 class="card-title">Please enter your details</h5>
<EditForm Model="UserRegisterViewModel" OnValidSubmit="HandleRegistration">
<DataAnnotationsValidator />
<ValidationSummary />
<div class="form-group">
<label for="email">Email address</label>
<InputText Id="email" class="form-control" #bind-Value="UserRegisterViewModel.Email" />
<ValidationMessage For="#(() => UserRegisterViewModel.Email)" />
</div>
<div class="form-group">
<label for="password">Password</label>
<InputText Id="password" type="password" class="form-control" #bind-Value="UserRegisterViewModel.Password" />
<ValidationMessage For="#(() => UserRegisterViewModel.Password)" />
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</EditForm>
</div>
</div>
#code {
private UserRegisterViewModel RegisterModel = new UserRegisterViewModel();
private bool ShowErrors;
private IEnumerable<string> Errors;
private async Task HandleRegistration()
{
ShowErrors = false;
var result = await AuthService.Register(UserRegisterViewModel);
if (result.Successful)
{
NavigationManager.NavigateTo("/login");
}
else
{
Errors = result.Errors;
ShowErrors = true;
}
}
}
Thanks!

Answer 1

Model="UserRegisterViewModel" your binding to the type not the instance RegisterModel
#page "/register"
#inject IAuthService AuthService
#inject NavigationManager NavigationManager
<h1>Register</h1>
#if (ShowErrors)
{
<div class="alert alert-danger" role="alert">
#foreach (var error in Errors)
{
<p>#error</p>
}
</div>
}
<div class="card">
<div class="card-body">
<h5 class="card-title">Please enter your details</h5>
<EditForm Model="RegisterModel" OnValidSubmit="HandleRegistration">
<DataAnnotationsValidator />
<ValidationSummary />
<div class="form-group">
<label for="email">Email address</label>
<InputText Id="email" class="form-control" #bind-Value="RegisterModel.Email" />
<ValidationMessage For="#(() => RegisterModel.Email)" />
</div>
<div class="form-group">
<label for="password">Password</label>
<InputText Id="password" type="password" class="form-control" #bind-Value="RegisterModel.Password" />
<ValidationMessage For="#(() => RegisterModel.Password)" />
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</EditForm>
</div>
</div>
#code {
private UserRegisterViewModel RegisterModel = new UserRegisterViewModel();
private bool ShowErrors;
private IEnumerable<string> Errors;
private async Task HandleRegistration()
{
ShowErrors = false;
var result = await AuthService.Register(RegisterModel);
if (result.Successful)
{
NavigationManager.NavigateTo("/login");
}
else
{
Errors = result.Errors;
ShowErrors = true;
}
}
}