如何将对象从一个页面组件传递到.NET Blazor应用中的另一页组件？

发布于 2025-01-27 15:49:02 字数 229 浏览 3 评论 0原文

我有一个.NET Blazor Server应用程序，需要将对象从一个组件传递到另一个组件。这两个组件都是页面，这意味着它们具有带路线的@page指令。我知道如何使用级联值在常规的大火组件之间传递参数，但这与页面组件不起作用。我也知道如何在端点路由中传递参数。但是，我不想传递具有多个属性的对象，并且不确定如何最好地实现这一目标。

是否可以将对象作为端点路由参数传递？如果不是，那么在剃须乐组件上下文中实现这一目标的好方法是什么？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

晚雾 2025-02-03 15:49:02

使用依赖注入可能会为您解决此问题。

示例：

创建一个称为“ applicationservice”的类
创建该类中的接口，称为“ iapplicationservice”，

您可以在“ applicationservice.cs”文件中的applicationservice类中具有类似的内容

public interface IApplicationService
{
     public Task MsgBox(string value);
}

，然后继续并实现上面的接口成员。

您可以拥有这样的东西：

public async Task MsgBox(string value)
{
   await _JSRuntime.InvokeAsync<string>("alert", value);
}

在program.cs类中，您现在需要注册我们刚创建的“服务”。

您可以在_imports.razor中有类似的东西

builder.Services.AddTransient<IApplicationService, ApplicationService>();
builder.Services.AddScoped<ApplicationService>();

，可以注入类，以便页面可以访问：
@Inject Applicationservice MainAppService;
现在在剃须刀组件中，您应该能够做类似的事情：
等待mainappservice.msgbox（“这是一个消息框”）;

这在我的WASM Blazor应用程序中起作用，希望它能在服务器端阐明

Using dependency injection would likely solve this issue for you.

Example:

Create a class called "ApplicationService"
Create an interface in that class called "IApplicationService"

You could have something like this

public interface IApplicationService
{
     public Task MsgBox(string value);
}

In the ApplicationService class inside the "ApplicationService.cs" file, go ahead and implement the interface member above.

You could have something like this:

public async Task MsgBox(string value)
{
   await _JSRuntime.InvokeAsync<string>("alert", value);
}

In the program.cs class, you need to now register that "service" we just created.

You could have something like this

builder.Services.AddTransient<IApplicationService, ApplicationService>();
builder.Services.AddScoped<ApplicationService>();

In your _Imports.razor you can inject the class so that the pages have access to it:
@inject ApplicationService MainAppService;
Now in your razor components you should be able to do something like this:
await MainAppService.MsgBox("This is a message box");

This works in my WASM blazor app, hope it sheds some light on the server side of things ????

回复收藏 0 原文