问题[asp.net-core](coding)

需要一些帮助。Razor 组件的新手。我有一个托管发票的 Razor 页面，其中的一个子部分是付款。我创建了一个 Razor 组件来处理付款并更新名为 CurrentModel 的属性。我想返回对实例化 Razor 组件的 Razor 页面所做的更改。我想我可以通过将组件参数设置为方法来做到这一点（基于https://learn.microsoft.com/en-us/aspnet/core/blazor/components/event-handling?view=aspnetcore-9.0#eventcallback）。

成分：

[Parameter]
public EventCallback<List<Partial>> TestCallBack { get; set; }

然后稍后在组件中：

private async Task SetAmount(ChangeEventArgs e, int paymentId)
{
    var amount = e.Value.ToDecimal();
    
    if (amount.HasValue)
    {
        CurrentModel = CurrentModel.SetAmount(paymentId, amount.Value, Validator);
    }
    await TestCallBack.InvokeAsync(CurrentModel);
}

Razor Page 中的组件声明：

<component type="typeof(Components.Invoices.Payments)" render-mode="ServerPrerendered" param-testcallback="@Model.ReturnCallBack" />

（也尝试过）

<component type="typeof(Components.Invoices.Payments)" render-mode="ServerPrerendered" TestCallBack="@Model.ReturnCallBack" />

public async Task ReturnCallBack(List<Partial> partials)
{
  ...   
}

无论哪种方式，VS 都会告诉我：

将方法组“ReturnCallback”转换为非委托类型对象。您是否打算调用该方法？

答案当然是肯定的，我确实希望调用该方法，但我不知道如何让该方法一直有效。上面的内容似乎使委托无效。

我的方法不是标准方法吗？我是否应该遵循其他方法？

我期望这种方法能够奏效，但是有些事情阻碍了委派。

当使用 EF Core DB 优先方法时，默认视图不显示主键。如何控制视图中显示哪些数据？

我搜索了模板和生成的代码。我搜索了 EF Core 教程和示例。

有没有办法隐藏端点 Swagger Responses 部分中的Links列？我们不在 API 中使用链接，它只会浪费空间，因此希望将它们从所有端点中移除。

将 ASP.NET Core 与 .net 8 结合使用。我四处寻找，但除了解释 OpenAPI 链接用途的文章之外，找不到任何其他文章。

我刚刚创建了一个新的 .net blazor web 应用项目并添加了此代码

@page "/weather"

@attribute [StreamRendering] @rendermode InteractiveServer <PageTitle>Weather</PageTitle>

<h1>Weather</h1>

@using System.Diagnostics

<h3>Dropdown Example</h3>

<select @bind="SelectedSet" class="form-select">
    <option disabled selected value="">-- Select a Set --</option>
    @foreach (var set in Sets)
    {
        <option value="@set">@set</option>
    } </select> <p>You selected: @SelectedSet</p>

<div class="mb-3">
    <label for="SetType" class="form-label">Set Type</label>
    <InputSelect id="SetType" @bind-Value="CollectionSet" class="form-select">
        @foreach (var set in Sets)
        {
            <option value="@set">@set</option>
        }
    </InputSelect> </div> <p>You selected: @CollectionSet</p>

@code {
    private List<string> Sets = new List<string> { "Pad", "Leather", "Bronze" };
    private string SelectedSet { get; set; }
    private string CollectionSet { get; set; }

    private void OnSetChanged(ChangeEventArgs e)
    {
        Debug.WriteLine($"Selected value changed to: {SelectedSet}");
        // Additional logic can be added here
    } }

但是当我在方法上设置断点时，它就是不起作用。我不明白为什么事件没有触发。起初我使用枚举，我以为是因为这个原因，但对于一个简单的字符串，它仍然不起作用

我们正在使用 MS 为 ASP.NET Core API 应用程序提供的全新 OpenAPI 开箱即用支持，但在生成 json 的方式上遇到了一些问题。我们有以下类型：

public class MsgMovimentacaoLocaisTrabalho {

    public IList<InfoGeral>? LocaisRemover { get; set; }

    public InfoGeral? LocaisAssociar { get; set; }
}

public class InfoGeral {

    public Guid GuidDirecao { get; set; }

    public IEnumerable<int> Locais { get; set; } = Enumerable.Empty<int>();
}

MsgMovimentacaoLocaisTrabalho用作控制器方法之一的参数类型：

public async Task<IActionResult> MovimentaLocaisTrabalhoAsync(
  [Description("Mensagem que ....")]MsgMovimentacaoLocaisTrabalho msg, 
  CancellationToken cancellationToken) {
  ...

问题在于类型的输出：

...
"MsgMovimentacaoLocaisTrabalho": {
        "type": "object",
        "properties": {
          "locaisRemover": {
            "type": "array",
            "items": {
              "$ref": "#/components/schemas/InfoGeral"
            },
            "nullable": true
          },
          "locaisAssociar": {
            "$ref": "#/components/schemas/InfoGeral2"
          }
        }
      },
"InfoGeral": {
        "type": "object",
        "properties": {
          "guidDirecao": {
            "type": "string",
            "format": "uuid"
          },
          "locais": {
            "type": "array",
            "items": {
              "type": "integer",
              "format": "int32"
            }
          }
        }
      },
....
 "InfoGeral2": {
        "type": "object",
        "properties": {
          "guidDirecao": {
            "type": "string",
            "format": "uuid"
          },
          "locais": {
            "$ref": "#/components/schemas/#/properties/locaisRemover/items/properties/locais"
          }
        },
        "nullable": true
      },

首先，查看InfoGeral架构，它看起来不错（locais表示为 的数组int），但我不确定为什么会有类型InfoGeral2。我假设这是因为该类型MsgMovimentacaoLocaisTrabalho有 2 个引用该类型的属性...

第一个问题：有没有办法让这两个属性的架构重用InfoGeral？

问题 2：为什么我最终得到的是错误的值locais而不是数组？IEnumerable 不应该在架构上生成数组吗？

顺便说一句，这是错误：

Semantic error at components.schemas.InfoGeral2.properties.locais.$ref
$ref values must be RFC3986-compliant percent-encoded URIs
Jump to line 11623

我有以下项目结构：

1. 项目 A（AuthenticationLibrary 项目）
2. 项目 B（库项目包含 SignalR 中心实现）
3. 项目 C（Blazor 服务器项目）
4. 项目 D（Blazor 服务器项目）

在 Project AI 中，登录的具体实现如下：

public async Task LoginUser()
{
    if (Input.Username == "" && Input.Email == "")
    {
        errorMessage = "Username or Email is required for sign in";
        return;
    }

    if (Input.Password == "")
    {
        errorMessage = "Password is required for sign in";
        return;
    }

    try
    {
        // This doesn't count login failures towards account lockout
        // To enable password failures to trigger account lockout, set lockoutOnFailure: true
        ApplicationUser? userObj;

        if (emailUsername_Switch)
            userObj = await UserManager.FindByEmailAsync(Input.Email);
        else
            userObj = await UserManager.FindByNameAsync(Input.Username);

        if (userObj == null)
        {
            errorMessage = "Unable to find user in the system. Please Register or check username/email.";
            return;
        }

        Guid userId = new Guid();
        if (userObj != null)
        {
            userId = userObj.Id;
        }

        isLoading = true;

        if (await SignInManager.CanSignInAsync(userObj))
        {
            var result = await SignInManager.CheckPasswordSignInAsync(userObj, Input.Password, true);
            if (result == Microsoft.AspNetCore.Identity.SignInResult.Success)
            {
                Guid key = Guid.NewGuid();
                BlazorCookieLoginMiddleware.Logins[key] = new LoginInfo { Email = userObj.Email, UserName = userObj.UserName, Password = Input.Password };

                // Generate JWT Token
                var token = TokenService.GenerateToken(Input.Username);
                
                // Store token in localStorage (or use other storage methods as required)
                // Save the token to localStorage
                await LocalStorageService.SetItemAsync("jwt_token", token);

                NavigationManager.NavigateTo($"/login?key={key}", true);
            }
            else if (result == Microsoft.AspNetCore.Identity.SignInResult.LockedOut)
            {
                errorMessage = "User account locked please contact administrator";
            }
            else if (result == Microsoft.AspNetCore.Identity.SignInResult.Failed)
            {
                // Handle failure
                // Get the number of attempts left
                var attemptsLeft = UserManager.Options.Lockout.MaxFailedAccessAttempts - await UserManager.GetAccessFailedCountAsync(userObj);
                errorMessage = $"Invalid Login Attempt. Remaining Attempts : {attemptsLeft}";
            }
        }
        else
        {
            errorMessage = "Your account is blocked";
        }
    }
    catch (Exception ex)
    {
        errorMessage = "Error: Invalid login attempt. Please check again.";
    }
    isLoading = false;
}

以下是我的TokenService：

public class TokenService
{
    private readonly string _secretKey;
    private readonly string _issuer;
    private readonly string _audience;

    public TokenService(string secretKey, string issuer, string audience)
    {
        _secretKey = secretKey;
        _issuer = issuer;
        _audience = audience;
    }

    // Method to generate JWT token
    public string GenerateToken(string username)
    {
        var claims = new[]
        {
        new Claim(ClaimTypes.Name, username),
        // Add other claims as needed
    };

        var key = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(_secretKey));
        var creds = new SigningCredentials(key, SecurityAlgorithms.HmacSha256);

        var token = new JwtSecurityToken(
            issuer: _issuer,
            audience: _audience,
            claims: claims,
            expires: DateTime.Now.AddHours(1),
            signingCredentials: creds
        );

        return new JwtSecurityTokenHandler().WriteToken(token);
    }

    // Method to validate token and extract user info
    public ClaimsPrincipal ValidateToken(string token)
    {
        var key = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(_secretKey));
        var handler = new JwtSecurityTokenHandler();
        try
        {
            var principal = handler.ValidateToken(token, new TokenValidationParameters
            {
                ValidateIssuer = true,
                ValidateAudience = true,
                ValidIssuer = _issuer,
                ValidAudience = _audience,
                IssuerSigningKey = key
            }, out var validatedToken);

            return principal;
        }
        catch
        {
            return null;
        }
    }
}

在 Project BI 中，SignalR 有以下实现：

[Authorize]
public class NotificationHub : Hub
{
    private static readonly ConcurrentDictionary<string, List<string>> UserConnections = new();

    [Authorize]
    public override Task OnConnectedAsync()
    {
        var userEmail = Context.User?.FindFirst(ClaimTypes.Email)?.Value;
        //var userName = Context.User?.Identity?.Name; // Assuming the username is stored in the Name claim

        if (!string.IsNullOrEmpty(userEmail))
        {
            UserConnections.AddOrUpdate(
               userEmail,
               new List<string> { Context.ConnectionId }, // Add a new list with the current connection ID
               (key, existingConnections) =>
               {
                   if (!existingConnections.Contains(Context.ConnectionId))
                   {
                       existingConnections.Add(Context.ConnectionId); // Add the connection ID to the existing list
                   }
                   return existingConnections;
               });
        }

        return base.OnConnectedAsync();
    }

    [Authorize]
    public override Task OnDisconnectedAsync(Exception exception)
    {
        var userEmail = Context.User?.FindFirst(ClaimTypes.Email)?.Value;
        var connectionID = Context.ConnectionId;

        if (!string.IsNullOrEmpty(userEmail))
        {
            if (UserConnections.TryGetValue(userEmail, out var connections))
            {
                // Remove the specific connection ID
                connections.Remove(Context.ConnectionId);

                // If no more connections exist for this user, remove the user entry from the dictionary
                if (connections.Count == 0)
                {
                    UserConnections.TryRemove(userEmail, out _);
                }
            }
        }

        return base.OnDisconnectedAsync(exception);
    }

    [Authorize]
    public async Task SubscribeToTouchSiteGroup(Guid siteId)
    {
        await Groups.AddToGroupAsync(Context.ConnectionId, SignalR_Method.TouchSiteGroup + "_" + siteId);
    }

    [Authorize]
    public async Task UnSubscribeFromTouchSiteGroup(Guid siteId)
    {
        await Groups.RemoveFromGroupAsync(Context.ConnectionId, SignalR_Method.TouchSiteGroup + "_" + siteId);
    }
}

JWT 本地存储服务：

public class LocalStorageService
{
    private readonly IJSRuntime _jsRuntime;

    public LocalStorageService(IJSRuntime jsRuntime)
    {
        _jsRuntime = jsRuntime;
    }

    public async Task SetItemAsync(string key, string value)
    {
        await _jsRuntime.InvokeVoidAsync("localStorageHelper.setItem", key, value);
    }

    public async Task<string> GetItemAsync(string key)
    {
        return await _jsRuntime.InvokeAsync<string>("localStorageHelper.getItem", key);
    }

    public async Task RemoveItemAsync(string key)
    {
        await _jsRuntime.InvokeVoidAsync("localStorageHelper.removeItem", key);
    }

    public async Task ClearAsync()
    {
        await _jsRuntime.InvokeVoidAsync("localStorageHelper.clear");
    }
}

JWT 本地存储的 JS 脚本：

//////////////////////////////////Code for JWT Local Storage///////////////////////////////////////////

window.localStorageHelper = {
    setItem: function (key, value) {
        localStorage.setItem(key, value);
    },
    getItem: function (key) {
        return localStorage.getItem(key);
    },
    removeItem: function (key) {
        localStorage.removeItem(key);
    },
    clear: function () {
        localStorage.clear();
    }
};

然后，我有用于共享数据和启动 SignalR 连接的集中服务：（字符串 baseUrl、字符串 hubPath）作为参数从每个应用程序传递，指定打开 hubconnection 进行接收。意味着项目 C 将为项目 D baseURL 打开。

public class ProductNotificationHubService
{
    private readonly LocalStorageService _localStorageService;

    private HubConnection? _hubConnection;
    
    /// <summary>
    /// 
    /// </summary>
    /// <param name="cacheService"></param>
    /// <param name="productService"></param>
    /// <param name="lockManagerService"></param>
    public ProductNotificationHubService(LocalStorageService localStorageService)
    {
        _localStorageService = localStorageService;
    }

    /// <summary>
    /// 
    /// </summary>
    /// <param name="baseUrl"></param>
    /// <param name="hubPath"></param>
    /// <param name="subscribeToGroup"></param>
    /// <param name="siteId"></param>
    /// <param name="userName"></param>
    /// <returns></returns>
    public async Task<bool> InitializeHubAsync(string baseUrl, string hubPath, string subscribeToGroup, Guid? siteId, string userName)
    {
        UserName = userName;

        // Retrieve token from localStorage
        var token = await _localStorageService.GetItemAsync("jwt_token");

        // Initialize the SignalR connection and pass the token
        _hubConnection = new HubConnectionBuilder()
            .WithUrl(new Uri(new Uri(baseUrl), hubPath), options =>
            {
                options.AccessTokenProvider = () => Task.FromResult(token);
            })
            .WithAutomaticReconnect()
            .Build();

        _hubConnection.On<Guid?, ProductModel, string>(SignalR_Method.TouchProductReceiveNotification, async (siteID, product, messageType) =>
        {
            if (_subscribedMessageTypes.Contains(messageType))
            {
                await HandleNotificationAsync(siteID, product, messageType);
            }
        });

        try
        {
            await _hubConnection.StartAsync();
            await _hubConnection.InvokeAsync(subscribeToGroup, siteId);
            return true;
        }
        catch (Exception ex)
        {
            return false;
            // Handle exception (e.g., log it)
        }
    }
}

现在在项目 C 和项目 DI 中调用和启动 signalR 连接时有以下代码：

var baseUrl = "https://localhost:7140"; // Project D's URL in project C for listening
var hubPath = "/notificationHub"; // Path to your hub

await ProductNotificationHubService.InitializeHubAsync(baseUrl, hubPath, SignalR_Method.SubscribeToTouchSiteGroup, Site.Site_ID, _userInfo.UserName)

以下是项目 D 和项目 C 的 Program.cs 文件：

builder.Services.AddScoped<LocalStorageService>();

// Register TokenService directly
builder.Services.AddSingleton<TokenService>(provider =>
    new TokenService(
        builder.Configuration.GetSection("TokenSettings").GetValue<string>("Key"),
        builder.Configuration.GetSection("TokenSettings").GetValue<string>("Issuer"),
        builder.Configuration.GetSection("TokenSettings").GetValue<string>("Audience")
));

builder.Services.AddAuthentication(options =>
{
    options.DefaultScheme = IdentityConstants.ApplicationScheme;
    options.DefaultSignInScheme = IdentityConstants.ExternalScheme;
    options.RequireAuthenticatedSignIn = true;
})
// Cookie based authentication for login validation
.AddCookie(options =>
{
    options.LoginPath = "/Account/Login/";
    options.LogoutPath = "/Account/Logout/";
    options.AccessDeniedPath = "/Account/AccessDenied";
    options.ReturnUrlParameter = CookieAuthenticationDefaults.ReturnUrlParameter;
    options.Cookie.HttpOnly = true;
    options.SlidingExpiration = true;
    options.ExpireTimeSpan = TimeSpan.FromSeconds(30);
})
// JWT Bearer Authentication for API or SignalR clients
.AddJwtBearer(options =>
{
    options.SaveToken = true;
    options.RequireHttpsMetadata = false;
    options.TokenValidationParameters = new TokenValidationParameters
    {
        ValidIssuer = builder.Configuration.GetSection("TokenSettings").GetValue<string>("Issuer"),
        ValidateIssuer = true,
        ValidAudience = builder.Configuration.GetSection("TokenSettings").GetValue<string>("Audience"),
        ValidateAudience = true,
        IssuerSigningKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(builder.Configuration.GetSection("TokenSettings").GetValue<string>("Key"))),
        ValidateIssuerSigningKey = true,
        ValidateLifetime = true,
        ClockSkew = TimeSpan.Zero
    };
    options.IncludeErrorDetails = true;

    // Use Authorization header for SignalR
    options.Events = new JwtBearerEvents
    {
        OnMessageReceived = context =>
        {
            // Extract token from query string for SignalR
            var accessToken = context.Request.Query["access_token"];
            if (!string.IsNullOrEmpty(accessToken))
            {
                context.Token = accessToken;
            }
            return Task.CompletedTask;
        }
    };
}).AddIdentityCookies();

现在请注意，我当前的身份验证适用于使用 cookies 身份验证的两个应用程序，我想继续使用。只想对 SignalR 使用 JWT 身份验证才能获取上下文详细信息（var userEmail = Context.User?.FindFirst(ClaimTypes.Email)?.Value;）。

现在我面临的问题仍然是相同的，JWT 令牌被添加到本地存储，但是在 Program.cs 文件中，我总是得到下面的空字符串：

// Extract token from query string for SignalR
var accessToken = context.Request.Query["access_token"];
if (!string.IsNullOrEmpty(accessToken))
{
   context.Token = accessToken;
}

并且上下文仍然空白，我觉得我遗漏了一些东西，请指教？

我正在尝试在 ASP.NET Razor Pages (.Net 8.0) 中实现以下自定义错误页面：

• 403 禁止
• 404 未找到
• 500 服务器错误

Error我的错误页面是位于名为目录的目录中的 RazorPages 页面Pages。后面的模型代码只有一个空的构造函数。

应用程序配置如下：

使用下面的补充方法，允许在上下文未完全启动时显示 403。如果没有这个，标准的 ASPNet 403 页面将显示未经授权的页面请求。

我所理解的设置顺序非常关键，这是我从 MSDN 和各种 Stack Overflow 帖子和解决方案中收集到的。

403和 404页面重定向并完美显示。无论我尝试了各种 Stack Overflow “已接受” 解决方案中的哪种方法，500 页面都无法重定向。我只得到标准的 ASP.Net 500 页面。

编辑1：

• 我正在使用 ASPNetCore.App 8.0.11
• 500 错误是由于在页面代码后面的操作new NotImplementedException()中抛出一个而触发的。OnGetAsync()
• 我已app.Environment.IsDevelopment禁用该开关，因此它将UseExceptionHandler("/Error");代替DeveloperExceptionPage。

编辑2：

白兰度建议我使用app.UseExceptionHandler("/Error/500");，app.UseExceptionHandler("/Error");我尝试如下方法...

            //if (app.Environment.IsDevelopment())
            //{
            //    app.UseDeveloperExceptionPage();
            //}
            //else
            //{
                //app.UseExceptionHandler("/Error");
                app.UseExceptionHandler("/Error/500");
                app.UseHsts();
                // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
            //}

...但是，我仍然没有点击我的自定义错误页面。

我还遗漏了什么吗？

编辑3：

TLDR； Brando 建议的修复确实解决了该问题。谢谢 Brando。

app.UseDeveloperExceptionPage();详细信息：我意识到我的 底部有一个随机静止图像WebApplicationConfiguration.cs。删除后，在我的原始代码和 Brando 的代码之间切换可能会引入/修复该错误，正如 Brando 所述。Brando 的建议解决了这个问题。

任何帮助均感激不尽。

我很好奇是否有办法让我的脚本根据环境进行条件处理？我见过一些与我类似的示例，但由于某种原因，脚本在发布时无法呈现。

_ViewImports

@using Microsoft.Extensions.Configuration
@inject IConfiguration Configuration

布局（有效）

@RenderSection("Styles", false)

@{
    if (@Configuration["ASPNETCORE_ENVIRONMENT"] == "Development")
    {
        <link href="~/css/test.css" rel="stylesheet" asp-append-version="true" />           
    }
    else
    {
        <link href="~/css/test.min.css" rel="stylesheet" asp-append-version="true" />
    }
}

查看（无效的内容）

@* @{
    if (@Configuration["ASPNETCORE_ENVIRONMENT"] == "Development")
    {
        @section Styles {
        <link rel="stylesheet" href="~/css/Folder/file.css" asp-append-version="true"/>
       }
        
    }
    else
    {
       @section Styles {
        <link rel="stylesheet" href="~/css/Folder/file.min.css" asp-append-version="true"/>
       }
        
    }
} *@

如果我只在 @section Styles 中传递Folder/file.min.css或Folder/file.css，@section它们就会呈现。所以我知道两个文件版本都存在；但是，出于某种原因，如果在里面，@{}它就不会呈现。

注意：配置值位于我的 appsettings-development-json 内，并且我在调试和发布中都确认该值已正确返回。

当我获取具有相同模型的视图时，它包含 2 个问题，每个问题有 2 个答案选项。到目前为止一切顺利。

问题是，无论我选择什么答案选项，当我发布表单时，我总是会得到零个问题，尽管当我检查生成的 HTML 时我的索引看起来正确，文本被正确呈现，因此循环和索引应该可以工作。我已经在输入上使用 asp-for 来绑定属性。为什么我没有得到任何问题？

我搜索过类似的帖子，但我就是看不出我做错了什么，所以我一定漏掉了什么。请帮忙！

这是重现该问题的视图：

@model JobMediation.Api.Models.Onboarding.ViewModels.StartOnboardingOnlineTestModel

@{
    ViewData["Title"] = "Online-test!";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@using (Html.BeginForm("StartOnboardingOnlineTest", "Onboarding", Model, FormMethod.Post))
{
    <div>
        @for (var i = 0; i < Model.OnboardingTestQuestions.Count; i++)
        {
            <p>
                @(i + 1). @Model.OnboardingTestQuestions[i].QuestionText
            </p>

            @for (var j = 0; j < Model.OnboardingTestQuestions[i].OnboardingTestAnswerOptions.Count; j++)
            {
                <div>
                    <input type="radio" asp-for="@Model.OnboardingTestQuestions[i].SelectedAnswerOptionId" value="@Model.OnboardingTestQuestions[i].OnboardingTestAnswerOptions[j].AnswerOptionId">
                    <label><p>@(j + 1). @Model.OnboardingTestQuestions[i].OnboardingTestAnswerOptions[j].Text</p></label>
                </div>
            }

            <div style="display:none">
                questionId: <input hidden asp-for="@Model.OnboardingTestQuestions[i].QuestionId" type="text" required>
                questionText: <input hidden asp-for="@Model.OnboardingTestQuestions[i].QuestionText" type="text" required>
            </div>
        }

        <button>Send</button>
    </div>
}

我的视图模型：

using System.Collections.Generic;

namespace JobMediation.Api.Models.Onboarding.ViewModels
{
    public class StartOnboardingOnlineTestModel
    {
        public List<OnboardingTestQuestion> OnboardingTestQuestions { get; set; } = new List<OnboardingTestQuestion>();
    }
}

using System.Collections.Generic;

namespace JobMediation.Api.Models.Onboarding.ViewModels
{
    public class OnboardingTestQuestion
    {
        public string QuestionId{ get; set; }
        public string QuestionText { get; set; }
        public List<OnboardingTestAnswerOption> OnboardingTestAnswerOptions { get; set; } = new List<OnboardingTestAnswerOption>();
        public string SelectedAnswerOptionId { get; set; }
    }
}

namespace JobMediation.Api.Models.Onboarding.ViewModels
{
    public class OnboardingTestAnswerOption
    {
        public string AnswerOptionId { get; set; }
        public string Text { get; set; }
    }
}

我的控制器：

[HttpGet]
[Route("/route")]
[CanBeLoggedInAttribute]
public async Task<IActionResult> StartOnboardingOnlineTest()
{
        var model = new StartOnboardingOnlineTestModel
        {
            OnboardingTestQuestions = new List<OnboardingTestQuestion> {
                new Models.Onboarding.ViewModels.OnboardingTestQuestion
                {
                    QuestionId = Guid.NewGuid().ToString(),
                    QuestionText = "Question 1",
                    OnboardingTestAnswerOptions = new List<OnboardingTestAnswerOption>
                    {
                        new Models.Onboarding.ViewModels.OnboardingTestAnswerOption
                        {
                            AnswerOptionId = Guid.NewGuid().ToString(),
                            Text = "Option 1"
                        },
                        new Models.Onboarding.ViewModels.OnboardingTestAnswerOption
                        {
                            AnswerOptionId = Guid.NewGuid().ToString(),
                            Text = "Option 2"
                        }
                    },
                    SelectedAnswerOptionId = Guid.Empty.ToString()
                },
                new Models.Onboarding.ViewModels.OnboardingTestQuestion
                {
                    QuestionId = Guid.NewGuid().ToString(),
                    QuestionText = "Question 2",
                    OnboardingTestAnswerOptions = new List<OnboardingTestAnswerOption>
                    {
                        new Models.Onboarding.ViewModels.OnboardingTestAnswerOption
                        {
                            AnswerOptionId = Guid.NewGuid().ToString(),
                            Text = "Option A"
                        },
                        new Models.Onboarding.ViewModels.OnboardingTestAnswerOption
                        {
                            AnswerOptionId = Guid.NewGuid().ToString(),
                            Text = "Option B"
                        }
                    },
                    SelectedAnswerOptionId = Guid.Empty.ToString()
                }
            }
        };

        return View("TEMP", model);
}

[HttpPost]
[Route("/route")]
public async Task<IActionResult> StartOnboardingOnlineTest(StartOnboardingOnlineTestModel model)
{
       // Handle the returned questions, but when debugging the model-parameter returns an empty list as model.OnboardingTestQuestions, see picture below
}

从调试中返回的 OnboardingTestQuestions 空列表的图片：

在此处输入图片描述

我曾在 Google 上搜索过类似的帖子，但据我所知，我已经按照它们实施了。我使用 for 循环而不是 foreach，索引看起来正确，我使用 asp-for 和 HTML 输入来获取返回数据，但没有成功。

例如，我查看了这篇文章，为什么使用 foreach 循环在 Razor 页面上显示值时，绑定的 List<T> 返回空？，以及许多其他文章，我认为我已经做了同样的事情，但我的代码仍然不起作用。我也尝试过在 OnboardingTestQuestions 列表上使用和不使用 [BindProperty] 以及在 StartOnboardingOnlineTestModel 类上使用和不使用 [BindProperties]，没有任何区别。我也尝试过在 OnboardingTestQuestions 列表和 OnboardingTestAnswerOption. 列表中使用和不使用列表实例，结果也相同。

GET 运行完美。视图看起来与预期一致。问题和答案选项的索引在视图中显示时有效，我还通过右键单击并选择检查来检查生成的 HTML - 但显然有些东西仍然不起作用。以下是生成的表单 HTML：

<form action="/soot?OnboardingTestQuestions=JobMediation.Api.Models.Onboarding.ViewModels.OnboardingTestQuestion&amp;OnboardingTestQuestions=JobMediation.Api.Models.Onboarding.ViewModels.OnboardingTestQuestion" method="post">    <div>
            <p>
                1. Question 1
            </p>
                <div>
                    <input type="radio" value="1dd8ff8d-fcaa-4a7d-b10f-e7c41bdd8c11" id="OnboardingTestQuestions_0__SelectedAnswerOptionId" name="OnboardingTestQuestions[0].SelectedAnswerOptionId">
                    <label><p>1. Option 1</p></label>
                </div>
                <div>
                    <input type="radio" value="37c6c1d3-40af-4fc0-a171-4546413c59f0" id="OnboardingTestQuestions_0__SelectedAnswerOptionId" name="OnboardingTestQuestions[0].SelectedAnswerOptionId">
                    <label><p>2. Option 2</p></label>
                </div>
            <div style="display:none">
                <br>questionId: <input hidden="" type="text" required="" id="OnboardingTestQuestions_0__QuestionId" name="OnboardingTestQuestions[0].QuestionId" value="c90d42ff-a67e-42e2-9ef1-e61ad64f783f">
                <br>questionText: <input hidden="" type="text" required="" id="OnboardingTestQuestions_0__QuestionText" name="OnboardingTestQuestions[0].QuestionText" value="Question 1">
            </div>
            <p>
                2. Question 2
            </p>
                <div>
                    <input type="radio" value="a9021d17-86d5-4d08-a36a-eeb88661a756" id="OnboardingTestQuestions_1__SelectedAnswerOptionId" name="OnboardingTestQuestions[1].SelectedAnswerOptionId">
                    <label><p>1. Option A</p></label>
                </div>
                <div>
                    <input type="radio" value="9ed4e62c-2a7c-42d8-a2b6-6e97d2d07806" id="OnboardingTestQuestions_1__SelectedAnswerOptionId" name="OnboardingTestQuestions[1].SelectedAnswerOptionId">
                    <label><p>2. Option B</p></label>
                </div>
            <div style="display:none">
                <br>questionId: <input hidden="" type="text" required="" id="OnboardingTestQuestions_1__QuestionId" name="OnboardingTestQuestions[1].QuestionId" value="0b420127-bfde-4a77-b109-683c4395da27">
                <br>questionText: <input hidden="" type="text" required="" id="OnboardingTestQuestions_1__QuestionText" name="OnboardingTestQuestions[1].QuestionText" value="Question 2">
            </div>

        <button>Send</button>
    </div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8AnsrMzqwIVDvpNxYQXCuLVEqQaff31nYTXBVOW9EkiqYNmFWZHDGA2PfVBLPbbw_FTkHwn5ZsC7zmr1s8lYvxiXRwcCyVTOY4Lq2rbMfasFP4K_5XXEvY2TlqOOGFDUwpj1GHU1X7ZmRIDqHEh3UvU"></form>

POST 没有收到任何回复。为什么？我遗漏了什么？请帮忙！

我尝试使用 Blazor wasm 绑定单选按钮@bind。但尝试失败，也找不到相关文档。

我在此文档链接中搜索 - https://learn.microsoft.com/en-us/aspnet/core/blazor/components/data-binding?view=aspnetcore-9.0

代码：

<div class="control flex flex-col">
    <label class="radio">
        <input type="radio" name="stock" @bind="Filter.InStock" checked="@(Filter.InStock.HasValue && Filter.InStock.Value)" @bind:after="LoadData" />
        In Stock
    </label>
    <label class="radio">
        <input type="radio" name="stock" @bind="Filter.OutOfStock" checked="@(Filter.OutOfStock.HasValue && Filter.OutOfStock.Value)" @bind:after="LoadData" />
        Out of Stock
    </label>
</div>

@code {
  public class StockFilter 
  {
      public bool? InStock { get; set; }
      public bool? OutOfStock { get; set; }
  }

  public StockFilter Filter = new();

  public void LoadData()
  {
      Console.WriteLine("In" + Filter.InStock);
      Console.WriteLine("Out" + Filter.OutOfStock);
      // make API call
  }
}

控制台日志：

请您帮助我或者指出正确的文档链接？