问题标签 [razor-components]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
3074 浏览

razor - 如何为 Razor 组件 [参数] 属性分配异步值?

我正在尝试在 Blazor 服务器端项目中创建我的第一个 Razor 组件。Razor 组件已命名MyComponent并具有配置为从输入中检索其值的属性:

MyComponent.razor

我从通过配置的注入服务中提取计数IServiceCollection,如下所示:

托管页面Index.razor如下所示:

但是,我似乎无法为该Count属性绑定正确的值。

我收到以下错误:

我发现为[Parameter]Razor 组件赋值的所有示例都是同步的,而我发现的唯一异步值是回调和方法(不是参数)。

此外,在线搜索并没有返回任何明显的结果,所以我在这里发帖希望找到答案。

请注意,我知道在其中使用protected override async Task OnInitializedAsync和存储一个值,但与上述方法相比,这似乎需要很多仪式,特别是在考虑我最终必须绑定的多个服务和属性时。

那么,如何以[Parameter]我喜欢的方式将异步调用中的值分配给 Razor 组件属性?

0 投票
1 回答
2266 浏览

blazor - 如何将此 Bootstrap Carousel 制作成可重用的 Razor 组件以在 Blazor 应用程序中使用

我正在构建一个用于 Blazor 客户端应用程序的 razor 组件。我想知道如何使组件中使用的图像动态化,并将图像设置在我调用组件的页面代码块中。

这是我的 Carousel.razor 组件

理想情况下,我想做这样的事情:

在页面的代码块中,我正在使用以下组件:

例如,但当然,这是行不通的。这样做的正确/Blazor 方式是什么?

0 投票
1 回答
189 浏览

blazor - 如何知道 EventCallback 何时被触发?

我正在使用 razor 组件进行一些测试,但是在将属性从子组件更新到祖父组件时遇到了问题。

当子组件更新属性时,我正在使用 EventCallback 更新我的父组件。它适用于具有两个级别(ParentComponent/ChildComponent)的架构,但是它不适用于三个级别(GrandParentComponent/ParentComponent/ChildComponent)。

让我们以三个组件 A、B 和 C 为例。

  • 更新 B 将触发 EventCallback 以更新 A
  • 更新 C 将触发 EventCallback 以更新 B,但是在此阶段 B 更新后不会触发 EventCallback,因此 A 组件仍然没有更新。

如何知道组件是否已被 EventCallback 更新。

我想知道,所以当来自 C 的 EventCallback 被触发时,我可以从 B 触发 EventCallback。是否有意义?:D

0 投票
0 回答
484 浏览

blazor - OnParametersSetAsync 创建无限循环

起初,获取子组件数据的逻辑是在OnInitializedAsync方法中,但我意识到如果下拉列表更改,子组件不会更新。基本上,根据选择的类别,我从数据库中查询不同的数据。

这里的代码:

该组件的代码

我决定将我的代码从OnInitializedAsync移动到OnParametersSetAsync,这样每次下拉列表更改时,子组件都会更新。但是,这会创建一个无限循环。即使参数尚未更新,该方法也会持续调用。

有想法该怎么解决这个吗?

0 投票
1 回答
1360 浏览

c# - 在 Blazor 应用中完成计时器后显示消息

我在剃刀组件上的 Blazor 应用程序中制作了一个计时器。它工作正常,但我想添加其他内容,例如当计时器完成时显示一条消息,例如“完成”或“计时器完成”或任何其他消息。这是代码:

0 投票
1 回答
2250 浏览

file-upload - Blazor - 无法将文件保存在文件夹 wwwroot/img 中

我正在开发 Blazor 应用程序,但无法将文件存储在 wwwroot/img 中。谁能帮忙。想了解这种行为,我可以在控制台上看到成功消息(文件已复制。)但无法在文件夹中看到文件。

将尝试其他替代方案,但发布它以了解为什么即使在成功执行文件之后也没有存储。

剃须刀组件

代码部分

控制台消息

WASM:文件已复制。//物理上没有文件复制到路径。

0 投票
0 回答
67 浏览

asp.net - 从 ASP.NET 框架整体使用 Blazor 服务器端

在我的公司中,我们仍然使用带有许多不同控制器和视图(单体)的 ASP.NET 框架网站。现在我想知道如何用 Blazor 服务器端(作为 Razor 组件包)替换其中的一些视图。可以在单体应用旁边运行新的 ASP.NET Core 实例(使用 Blazor 服务器端及其 Razor 组件)。我想知道如何轻松正确地将流量从单体应用转发到 Blazor 视图,以及如何轻松转发 websockets 通信。如果这是可能的,我可以通过用 Razor 组件逐步替换视图来剥离旧的单体。

0 投票
2 回答
61 浏览

blazor - 在组件中单击时执行功能

我有一个按钮:

我有一个组件:

在组件中,我有一个切换模式(显示/隐藏)的功能;模态默认隐藏

我尝试从父组件切换模式。

你能帮我吗 ?

当我单击此按钮(在父组件中)时:

我想在子组件中使用这个函数:

0 投票
1 回答
1126 浏览

javascript - 如何在 asp.net core component.razor 中打印特定的“div”区域 ..?

在这里,我在 asp.net 核心中放置了我的基本应用程序的编码,这是用于打印 div 的id="printableArea"。这段代码工作清楚。

脚本

但问题是,我必须在 component.razor 中做同样的事情,我不知道如何在没有脚本的情况下执行它。另一方面 blazor 页面(component.razor)不允许编写脚本。请给出你的解决方案。

0 投票
1 回答
269 浏览

blazor - 从模型外键绑定值

我想显示 Product.Category.Name 是一个子组件,但我有一个错误。但是在父组件中 Product.Category.Name 工作为什么不在子组件中?

我的模型:

我的父组件:

我的孩子组件:

您能帮我在子组件中显示 Product.Category.Name(或 id)吗?谢谢。