【问题标题】:How to setup MatBlazor so that controls are styled?如何设置 MatBlazor 以设置控件样式?
【发布时间】:2021-11-03 00:54:30
【问题描述】:

尝试在新的 .net 5 blazor webassembly 中设置和使用 MatBlazor 组件。但是,控件没有样式。

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

dotnet add package MatBlazor

添加到 _imports

@using MatBlazor

在 index.html 中添加了行

<script src="_content/MatBlazor/dist/matBlazor.js"></script>
<link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />

在 program.cs 中注册的服务

services.AddMatBlazor();

将 MatPortalHost 添加到 app.razor

<MatPortalHost></MatPortalHost>

添加了简单的按钮

<MatButton> mat button </MatButton>

但我的按钮没有样式。我也尝试了 MatTextField;没有样式。

我错过了一步吗?设置说明是否正确?

【问题讨论】:

    标签: blazor blazor-webassembly matblazor


    【解决方案1】:

    &lt;application&gt;.Client.csproj 中添加对 MatBlazor 的引用

        <PackageReference Include="MatBlazor" Version="2.8.0" />
    

    注意

    请注意,只有预览版 2.9.0 有 .net 5 官方支持:

    所以最好添加以下引用:

        <PackageReference Include="MatBlazor" Version="2.9.0-develop-042" />
    

    但它在预览版中!

    【讨论】:

    • 好吧,我将参考更改为您的建议。然后,它起作用了(有样式)。耶。然后我把它改回2.8.0。仍然有效。嗯。我想它适用于两者。不知道为什么昨天它对我不起作用。但今天确实如此。我有预感它会那样做。一段时间后才开始工作。谢谢你的答复。我会给你答案,因为在我做出你建议的改变后它确实开始工作了。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-28
    • 1970-01-01
    • 2014-06-28
    • 1970-01-01
    • 2016-07-05
    • 1970-01-01
    相关资源
    最近更新 更多