问题标签 [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.
razor - 如何为 Razor 组件 [参数] 属性分配异步值?
我正在尝试在 Blazor 服务器端项目中创建我的第一个 Razor 组件。Razor 组件已命名MyComponent
并具有配置为从输入中检索其值的属性:
MyComponent.razor
我从通过配置的注入服务中提取计数IServiceCollection
,如下所示:
托管页面Index.razor
如下所示:
但是,我似乎无法为该Count
属性绑定正确的值。
我收到以下错误:
我发现为[Parameter]
Razor 组件赋值的所有示例都是同步的,而我发现的唯一异步值是回调和方法(不是参数)。
此外,在线搜索并没有返回任何明显的结果,所以我在这里发帖希望找到答案。
请注意,我知道在其中使用protected override async Task OnInitializedAsync
和存储一个值,但与上述方法相比,这似乎需要很多仪式,特别是在考虑我最终必须绑定的多个服务和属性时。
那么,如何以[Parameter]
我喜欢的方式将异步调用中的值分配给 Razor 组件属性?
blazor - 如何将此 Bootstrap Carousel 制作成可重用的 Razor 组件以在 Blazor 应用程序中使用
我正在构建一个用于 Blazor 客户端应用程序的 razor 组件。我想知道如何使组件中使用的图像动态化,并将图像设置在我调用组件的页面代码块中。
这是我的 Carousel.razor 组件
理想情况下,我想做这样的事情:
在页面的代码块中,我正在使用以下组件:
例如,但当然,这是行不通的。这样做的正确/Blazor 方式是什么?
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
blazor - OnParametersSetAsync 创建无限循环
起初,获取子组件数据的逻辑是在OnInitializedAsync方法中,但我意识到如果下拉列表更改,子组件不会更新。基本上,根据选择的类别,我从数据库中查询不同的数据。
这里的代码:
该组件的代码
我决定将我的代码从OnInitializedAsync移动到OnParametersSetAsync,这样每次下拉列表更改时,子组件都会更新。但是,这会创建一个无限循环。即使参数尚未更新,该方法也会持续调用。
有想法该怎么解决这个吗?
c# - 在 Blazor 应用中完成计时器后显示消息
我在剃刀组件上的 Blazor 应用程序中制作了一个计时器。它工作正常,但我想添加其他内容,例如当计时器完成时显示一条消息,例如“完成”或“计时器完成”或任何其他消息。这是代码:
file-upload - Blazor - 无法将文件保存在文件夹 wwwroot/img 中
我正在开发 Blazor 应用程序,但无法将文件存储在 wwwroot/img 中。谁能帮忙。想了解这种行为,我可以在控制台上看到成功消息(文件已复制。)但无法在文件夹中看到文件。
将尝试其他替代方案,但发布它以了解为什么即使在成功执行文件之后也没有存储。
剃须刀组件
代码部分
控制台消息
WASM:文件已复制。//物理上没有文件复制到路径。
asp.net - 从 ASP.NET 框架整体使用 Blazor 服务器端
在我的公司中,我们仍然使用带有许多不同控制器和视图(单体)的 ASP.NET 框架网站。现在我想知道如何用 Blazor 服务器端(作为 Razor 组件包)替换其中的一些视图。可以在单体应用旁边运行新的 ASP.NET Core 实例(使用 Blazor 服务器端及其 Razor 组件)。我想知道如何轻松正确地将流量从单体应用转发到 Blazor 视图,以及如何轻松转发 websockets 通信。如果这是可能的,我可以通过用 Razor 组件逐步替换视图来剥离旧的单体。
blazor - 在组件中单击时执行功能
我有一个按钮:
我有一个组件:
在组件中,我有一个切换模式(显示/隐藏)的功能;模态默认隐藏
我尝试从父组件切换模式。
你能帮我吗 ?
当我单击此按钮(在父组件中)时:
我想在子组件中使用这个函数:
javascript - 如何在 asp.net core component.razor 中打印特定的“div”区域 ..?
在这里,我在 asp.net 核心中放置了我的基本应用程序的编码,这是用于打印 div 的id="printableArea"
。这段代码工作清楚。
脚本
但问题是,我必须在 component.razor 中做同样的事情,我不知道如何在没有脚本的情况下执行它。另一方面 blazor 页面(component.razor)不允许编写脚本。请给出你的解决方案。
blazor - 从模型外键绑定值
我想显示 Product.Category.Name 是一个子组件,但我有一个错误。但是在父组件中 Product.Category.Name 工作为什么不在子组件中?
我的模型:
我的父组件:
我的孩子组件:
您能帮我在子组件中显示 Product.Category.Name(或 id)吗?谢谢。