标签: blazor-webassembly

我正在尝试为主菜单中的按钮制作一个组件。

<NavLink href="@Href" title="@Title">
    <div class="main-menu-button">
        <img src="@IconUrl" />
        <div class="label">
            @Label
        </div>
    </div>
</NavLink>

@code {

    [Parameter]
    [EditorRequired]
    public string? Href { get; set; }

    [Parameter]
    [EditorRequired]
    public string? Label { get; set; }

    [Parameter]
    public string? Title { get; set; }

    [Parameter]
    [EditorRequired]
    public string? IconUrl { get; set; }
}

我似乎无法在 css 文件中定位 NavLink。我已经尝试了所有这些不同的变体，但按钮在激活时永远不会改变颜色。

::deep a.active {
    background-color: red !important;
}

::deep .active {
    background-color: green !important;
}

::deep a .active {
    background-color: blue !important;
}

a.active …

我需要构建一个 ASP.NET Core 托管的 Blazor Web assembly 应用程序 (.NET 6)，其中所有应用程序功能都隐藏在登录墙后面，但我不确定如何最好地实现这一点。对于身份验证/授权，我使用 ASP.NET Identity 和 IdentityServer。

到目前为止，我已经创建了一个名为的新 Razor 组件Login.razor，它仅包含一个触发内置身份验证过程的链接：

<a href="authentication/login">Log in</a>

该组件具有该@page指令"/"，因此它是用户访问应用程序时登陆的第一个“页面”。

这工作得很好，但是一旦用户成功登录，他们就会被重定向到返回 URL，作为 .NET 身份过程的一部分，在本例中，这是一个现在无用的登录页面。

我不想只替换身份页面中的返回 URL 并将用户重定向到另一个特定页面，因为我认为返回 URL 在向用户发送指向特定页面的链接的情况下非常有用。例如，如果我尝试在不先登录的情况下导航到 mywebsite.com/fetchdata 等受保护资源，它会触发 Blazor 附带的任何身份验证魔法，让用户登录，然后在用户登录后将其重定向到 /fetchdata成功地做到了。我想保留这个功能。

"/index"如果用户来自 Login.razor 组件，我需要做什么才能让服务器重定向到另一个页面（例如）？或者我只是以完全错误的方式处理这一切？非常感谢任何建议。

Index.razor.cs：

我正在开发一个网格组件，它将显示一个项目列表：

<Grid Items="Transactions">
    <GridHeader>
        <GridColumn TItem="Transaction">ID</GridColumn>
        <GridColumn TItem="Transaction">Date</GridColumn>
    </GridHeader>
</Grid> 

然后在 Grid.razor.cs 和 GridColumn.razor.cs 中我使用 typeparam TItem。但似乎我需要将 TITem 作为每个网格列中的参数传递，我该如何实现对类似以下内容的支持：

<Grid Items="Transactions" TItem="Transaction">
    <GridHeader>
        <GridColumn>ID</GridColumn>
        <GridColumn>Date</GridColumn>
    </GridHeader>
</Grid>   

因此，TItem 会级联到所有子组件（无论它们嵌套的深度如何）

我查看了 CascadingTypeParam 但有关它的信息很少，所以我不确定如果它是上述解决方案，如何使用它。

我正在开发一个针对 Blazor wasm 的类库，为了正常工作，客户端需要在其 Visual Studio 实例上安装 wasm-tools 工作负载。

有什么方法可以检查他们是否安装了它，如果没有安装，则生成某种错误消息？

谢谢。

我正在关注本教程https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/run，它构建了一个非常基本的 Blazor 应用程序。但是该项目无法在 ASP.NET Core 8 上运行。您能否帮忙找出为什么<app>runtimeconfig.json在构建 Blazor 项目时没有生成该文件？这是必需的，因为否则该项目将无法运行。该项目已成功构建，但我无法运行它。

我得到的错误是：

WasmAppHost --use-staticwebassets --runtime-config runtimeconfig.json
错误：无法在 /bin/Debug/net8.0/ 找到运行时配置

我尝试GenerateRuntimeConfigDevFile在文件中将属性设置为 true，.csproj如下所述： https: //learn.microsoft.com/en-us/dotnet/core/runtime-config/

但仍然没有创建 json 文件。

我尝试使用此处找到的模式手动创建它： https: //gist.github.com/natemcmaster/0bdee16450f8ec1823f2c11af880ceeb，但我收到有关缺少 WasmHostProperties 的错误。wasm 应用程序必须有一些特定的东西。

我想出了这个：

{
    "runtimeOptions": {
       "tfm": "net8.0",
       "frameworks": [
           {
               "name": "Microsoft.NETCore.App",
               "version": "8.0.0"
           },
           {
               "name": "Microsoft.AspNetCore.App",
               "version": "8.0.0"
           }
       ],
       "configProperties": {
           "System.GC.Server": true,
           "System.Reflection.NullabilityInfoContext.IsSupported": true,
           "System.Runtime.Serialization.EnableUnsafeBinaryFormatterSerialization": false
       },
       "wasmHostProperties": {
           "webServerPort":"7238",
           "perHostConfig": [
        {
            "name": "wasmAppHost",
            "host-args": [
                "--experimental-wasm-simd", …