问题标签 [asp.net-blazor]

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 投票
1 回答
339 浏览

blazor - 仅从 blazor 中的 ValidationMessage 获取错误字符串?

在使用 blazor 时ValidationMessage,我意识到这个组件将错误包装在 a 周围div并添加类validation-message

在此处输入图像描述

如何在没有 div 的情况下仅获取错误字符串?

0 投票
3 回答
177 浏览

c# - 浏览器在页面完全加载之前添加关闭标签

我正在尝试动态创建一个 div,其中包含 3 个其他 div,但是,在 blazor 结束注入代码之前,浏览器会自动添加关闭标签,这很烦人。有没有办法防止这种情况发生?

期望的输出

实际输出

有解决方法吗?

0 投票
1 回答
1191 浏览

c# - Blazor 服务器端应用程序日期时间默认为 01/01/0001

我试图让我的 CreatedDate 列为空,或者至少在我启动应用程序时显示当前日期,而不是 01/01/0001。我尝试将Format MVC default Date (01/01/0001) 中的示例设置为空 ,并在 razor 页面上的列中添加点符号“newPerson.StartDate.Now”,这也不起作用。

0 投票
0 回答
226 浏览

google-chrome-devtools - Blazor WebAssembly:如何检查绑定到 chrome 中的 html 元素的事件处理程序?

我目前正在测试 Blazor WebAssembly 并在此处尝试教程:https ://docs.microsoft.com/de-de/aspnet/core/tutorials/build-your-first-blazor-app?view=aspnetcore-3.1

在示例项目中,有一页(文件:Pages/Counter.razor),其中一个按钮增加了一个计数器的值:

我们可以看到一个onclick事件绑定到按钮并执行事件处理程序IncrementCount。当我启动此页面时,Google Chrome 的页面检查器会显示以下按钮:

我在哪里可以看到Blazor 的 Chrome 开发人员工具中的绑定事件onclick和事件处理程序?IncrementCount

比较:在 javascript-framework knockout.js 中,当我使用页面检查器时,可以在浏览器中看到事件和处理程序:

关于这里的文档,我假设我看不到 HTML 元素中的事件和处理程序:

HTML 标记和 C# 呈现逻辑在构建时转换为组件类。

但我希望还有其他方法可以在 Chrome 中查看处理程序的事件和名称。

0 投票
5 回答
21489 浏览

blazor - 如何通过 Blazor WebAssembly 写入浏览器控制台?

在 JavaScript 中,我们可以使用以下调用将调试输出写入浏览器的控制台:

谷歌浏览器中的输出:

谷歌浏览器中的控制台输出

如何通过 Blazor WebAssembly 将组件中的“我的调试输出”记录到浏览器控制台?

0 投票
2 回答
8244 浏览

asp.net-core - 如何像 JavaScript-SPA 一样托管 ASP.NET API 和 Blazor Web 程序集?

语境:

我们想要创建一个在客户端使用 Blazor WebAssembly 运行的单页应用程序。在服务器端,该解决方案有一个 ASP.NET MVC,其中包括一些用于我们的 REST API 的 ApiController 类。

我们希望在服务器端使用 ASP.NET API 而不是 Blazor Server,因为我们希望为未知的消费者提供带有 ApiController 类的 REST 接口。

这是我在单个解决方案中的客户端(Blazor WebAssembly)和服务器端(ASP.NET API)项目:

在此处输入图像描述

在此处输入图像描述

第一次尝试通过我们的组件中的 Blazor 的 HttpClient 类请求 API FetchData

在服务器端,API-Controller 看起来像:

问题:在我的 Blazor WebAssembly 项目中,对 API 的请求失败。Blazor WebAssembly 项目通过https://localhost:44340/托管,API 通过https://localhost:44349/托管。如何像使用 JavaScript 框架一样托管这两个项目?

0 投票
0 回答
266 浏览

asp.net-mvc - 在 MVC 项目的区域内运行 Blazor 应用程序

我正在尝试向我的 MVC 项目添加一个新区域,该项目将包含在 Blazor 中创建的新应用程序。

我已添加新区域并将模板 blazor 项目中的所有文件复制到此区域。它可以编译,我什至在我的组件上获得了 Intellisense。

如果我现在运行我的项目,我的起始页面始终是 blazor 应用程序,而它应该是 MVC 站点的起始页面。如果我的用户浏览到“myapplication.co/blazor”(或类似的东西),我只想要 Blazor 环境。

我采取的添加 Blazor 区域的步骤:

  1. 向我现有的 MVC 应用程序添加了一个新区域

  2. 在我的班级中添加了呼叫AddServerSideBlazor和路由Startup.cs

  3. 在我的 Blazor 区域中,我从一个新的 Blazor 项目中复制了以下文件

    文件

有谁知道我怎么能做到这一点?如果需要更多代码,请告诉我,我会发布更多代码。

非常感谢您对此提出任何想法!

0 投票
0 回答
254 浏览

blazor-client-side - 有东西阻塞了我的线程 - Blazor wasm

使用 MatBlazor 我正在尝试上传文件。但是,有些东西阻塞了线程,整个应用程序都被阻塞了。我不知道为什么。在文件加载到内存之前,似乎线程被阻塞了。是我的代码还是阻塞线程的 MatFileUploadEntry?

有人有什么想法吗?

称呼:  

回复:

0 投票
1 回答
165 浏览

asp.net - asp.net Blazor 中的子控件不刷新。StateHasChanged() 不工作

关于这个问题,请参考以下https://github.com/CD1010/BlazorWizard.git。该示例位于StepActivations 分支中

我有一个名为 DemoWizard 的页面,其中包含一个 3 步向导。当我单击“切换启用”按钮时,第二步和第三步链接应该进入启用或禁用状态。然而,似乎第一次需要点击 2 次才能关闭标题,并且状态总是落后。
因此,StateHasChanged() 似乎没有正确刷新子状态。
请注意,refresh() 方法试图至少让 step2 正确刷新,但无济于事。

知道为什么吗?切换的点击处理程序如下。

0 投票
2 回答
566 浏览

c# - 在 Blazor 中命名 ViewModel

好吧,我刚刚开始使用 Blazor 服务器并开始考虑命名ViewModel。我们都知道 ViewModel 是什么,这个线程只是关于 Blazor 中的命名约定。

由于组件/视图在 Blazor 中称为Pages,将 ViewModel 命名为Blazor中的 PageModel 是否合适,或者与ASP.NET MVC Core中的PageModel冲突?

以下是名为Employee的 Blazor 组件(页面)的示例,

现在的问题是,根据微软的约定,Model 应该命名为EmployeeViewModel还是EmployeePageModel 。