问题标签 [matblazor]

如果某个条件为假，我正在尝试制作一个禁用的按钮。对于常规按钮，这有效：

我正在使用具有以下MatButton版本的MatBlazor 库button：

后者不起作用：它给出以下错误：

组件属性不支持复杂内容（混合 C# 和标记）

在好的 ol' WPF 中，我们可能会在绑定中使用转换器，因此绑定的布尔值是反转的。这是 MatBlazor 的限制吗？

我看到的快速解决方案是执行以下操作：

有没有更好的办法？

我在我的项目中使用了 MatBlazor 框架。在 MatSelect 中，我想捕捉它的值 onchange 事件来做一些其他的工作。我尝试了一些解决方案，但 onchange 事件尚未触发。

下面是我的 onchange 事件处理程序。但是在下拉列表中选择另一个值时它没有触发：

谁能帮我？谢谢

我正在使用 MatBlazor 组件库：https ://www.matblazor.com/

我正在尝试了解该网站的设计师：https ://blazor-wasm.quarella.net/Account/Login

<MatCard/> 像这样将元素 居中：

我的以下代码如下所示：

输出：

此处提供的示例代码：Login Razor Page，特别是第 27 行 {<MatCard>没有任何类，但元素在屏幕上很好地居中。

两个问题

1. 如何使用 MatBlazor 库（最小自定义 css）实现此卡片居中效果？
2. 登录页面设计器如何居中呢？我看到这里添加了一个“.login-container”类，但没有迹象表明它在剃须刀页面中使用。

编辑：

3. 设计师在哪里使用class="login-body"或class="login-container"基于以下答案

如何在此图像中将表单输入居中？我正在使用此处定义的 GridLayout：https ://www.matblazor.com/LayoutGrid使用此处定义的表单元素https://www.matblazor.com/EditContext

这是我的尝试，但我必须遗漏一些东西：

我正在开发一个新项目，该项目将对 Identity Server 4 的用户可以访问/查看的内容有一些深入的策略。

我正在尝试将 AuthorizeView 与策略一起使用来隐藏导航中的选项，但是视图是级联的，这意味着我有这样的东西：

我检查了用户登录后是否存在满足定义的策略所需的声明，但由于某种原因 AuthorizeView 不起作用。

我已更新我的 App.Razor 以使用 AuthorizeRouteView。关于为什么会发生这种情况的任何想法？

注意：我正在使用分配给角色的声明，但这些声明是动态的，我不能在我的策略中使用 policy.RequireRole("my-role")，因此使用：

当我的应用程序运行时，菜单中的任何项目都不会显示，除了不受 AuthorizeView 保护的主页和声明项目。

我已按照https://www.matblazor.com/的安装说明进行操作。

1.在main _Imports.razor中添加@using MatBlazor

2.将脚本部分添加到index.html（head部分）

3.在Startup.cs中添加服务注册

4.将MatPortalHost组件添加到根组件（App.razor），用于一些服务，如MatDialogService、MatPortalService

启动时出错：

致命一击：Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer [100] 未处理的异常呈现组件：无法为“MatBlazor.MatPortalHost”类型的属性“PortalService”提供值。没有“MatBlazor.IMatPortalService”类型的注册服务。System.InvalidOperationException：无法为“MatBlazor.MatPortalHost”类型的属性“PortalService”提供值。没有“MatBlazor.IMatPortalService”类型的注册服务。

我试图弄清楚如何更改 Blazor 应用程序中的颜色，该应用程序使用 MatBlazor来使用 Google 的 Material Design 创建 Blazor 应用程序。

我使用 Blazor WebAssembly 项目在 Visual Studio 中创建了一个新项目。我添加了 MatBlazor NuGet 包，进行了必要的更改以添加 MAtBlazor css 和 js 文件。

然后我替换了 Index.razor 的内容以包含一个 MatBlazor 组件：

现在作为一个练习，我想更改 MatAppBar 的背景和文本颜色：

或者

我已将这些 CSS 类定义添加到 app.css 以及 MainLayout.razor.css 和 NavMenu.razopr.css 中，但均无济于事。

如何为 MatBlazor 组件设置 CSS 属性？

在将Material Design引入 Blazor ASP.Net Core 应用程序的包中，有两个看起来非常相似，即MatBlazor和Material.Blazor。甚至各自的文档页面（例如MatBlazor 按钮和Material.Blazor 按钮）也非常相似。

之前使用过 MatBlazor，但之前没有使用过Material.Blazor，我想知道这两个包之间的主要区别，以帮助我决定使用哪个包。

MatBlazor于 2018 年首次发布，Material.Blazor于 2020 年首次发布。这些包似乎有不同的作者，只有一个贡献者为 github 上的两个项目（MatBlazor github、Material.Blazor github）做出了贡献。

MatBlazor和Material.Blazor之间的主要区别是什么？

如何控制 MatBlazor MatTable中列的宽度

我摆弄了一下，通过在浏览器“检查器”中禁用 css 类 mdc-table ......似乎可以获得“正常”表行为。

现在除了最后一列之外的所有列都很窄，（实际宽度：119、153、460）最后一列只有两个图标，所以它应该是大约 100px 宽度，中间一列是一个很长的文本字符串，所以我希望它更广泛。

关于代码没有太多戏剧性，但无论如何......

知道我能做什么吗？

我想将 MatAppBar 与 MatDrawer 一起使用。问题是 MatDrawer 在应用栏上滚动。如何让它在 AppBar 后面滚动？

MatAppBar 与 MatDrawer 的屏幕截图