标签: blazor

与这个问题类似，我正在寻找一个组件来向对象添加标签，就像在 stackoverflow 中一样，这意味着标签的自动完成文本字段。我要么寻找一个原生组件，要么寻找一种包装 JS 解决方案的方法，以便它可以在 blazor 中使用。

另一个想法是带有复选框的多选组件，就像这里讨论的那样，但我不太喜欢这个想法。

理想情况下，我会提供所有标签的列表，并绑定到正在设置标签的项目上的列表。

我正在研究 Blazor Web assembly 组件的布局。（=胖浏览器客户端，无服务器渲染）

布局如下所示并按预期工作：

.grid 
{
    min-height: 100vh;
    min-width: 100vw;
    height: 100vh;
    width: 100vw;
    background-color: black;
    display: grid;
    grid-template-rows: 10px 5vh calc(90vh - 20px) 5vh 10px;
    grid-template-columns: 10px 3vw calc(94vw - 20px) 3vw 10px;
    /*Blazor Special*/
    margin: -8px;
}

.gridCellLogo 
{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    background-color: red;
}

<div class="grid">
    <div class="gridCellLogo">
        @*Put your component here*@
    </div>
</div>

但是，如果我使用 CSS 变量，它们不会被应用。看看 --somecolor

:host
{
    --somecolor: green;
}

.grid {
    min-height: …

我已经构建了一个 Web Assembly blazor 项目。

在其 blazor 组件之一中，有一个用于提交新数据的表单。

这种形式，通过 Web api 将数据 POST 到服务器以保存在数据库中。

<EditForm Model="@person">
    <div class="col-12 row">
        <label class="col-2 font-weight-bold">Id : </label>
        <InputNumber class="form-control col-3" @bind-Value="person.Id" placeholder="id" />
    </div>
    <br />
    <div class="col-12 row">
        <label class="col-2 font-weight-bold">Name : </label>
        <InputText class="form-control col-3" @bind-Value="person.Name" placeholder="name" />
    </div>

     <input type="submit" class="form-control  btn btn-primary text-center" @onclick="@AddPerson" value="Add" />
</EditForm>

背后的 C# 代码@AddPerson是这样的：

@code 
{

    public List<Person> people;
    public Person person = new Person();

    private async void AddPerson()
    {
        HttpResponseMessage …

我正在尝试从 Blazor 服务器页面关闭浏览器窗口。在 asp.net 中我会执行以下操作：

       Response.Write("<script>window.close();</script>")

我如何在 Blazor 服务器页面上执行此操作？

谢谢

例如，如果我有一个底层数据类型为 int 的 InputNumber，我想显示一条消息，指出不允许大于 int.MaxValue 的数字。目前，如果我要尝试任何大于整数最大值的数字，我会收到一条默认消息：“该字段必须是数字”。该消息显然不正确，我想更改它。有没有办法在 Blazor 中做到这一点？

最近在做一个项目，前端框架是Angular，后端是springboot。现在我转向 .NET 项目。我了解到 Blazor 支持两种托管模型：客户端托管模型和服务器端托管模型。现在我将使用 blazor 启动 .NET 项目。我已经为该项目创建了 REST API。现在我必须在该项目中使用 Blazor。我的疑问来了。

1）Blazor Web 组件用于前端（或）后端？

2）Blazor Server应用程序是用于前端（或）后端的吗？

我使用 blazor 服务器和 signalR 以及数据库来存储用户名和消息实现了一个简单的公共聊天室系统。在系统中，用户只需输入姓名即可加入聊天，然后出现聊天界面。

现在，我想要的是添加另一个功能，可以将消息发送给公共聊天室中存在的特定用户。
任何帮助都会很棒，谢谢。

下面是我的公共聊天室代码。
下面是我的中心

    public class Chat:Hub
    {
        public async Task SendMessage(Message message)
        {
            await Clients.All.SendAsync("Receiver", message);
        }
    }

下面是在数据库中保存用户名和消息的代码

    public string MsgBody { get; set; }
    public string UserName { get; set; }
    public Message chatmsg { get; set; } = new Message();
    public bool isChatting = false;
    public string errorMsg;
    public List<Message> messages = new List<Message>();
    public List<Message> messagesList = new List<Message>();
    public HubConnection hubConnection;
    [Inject]
    public NavigationManager NavigationManager { get; set; } …

我是 Blazor 新手。

我在 .NET 5 中的 Blazor Webassemble 项目中创建了一个轮播。它不会自动滑动，并且其上一个和下一个按钮不起作用。

请建议如何在没有javascript的情况下解决这个问题。

下面是我的代码。

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img class="d-block w-100" src="/images/slide/slide-1.jpg" alt="First slide">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="/images/slide/slide-2.jpg" alt="Second slide">
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="/images/slide/slide-3.jpg" alt="Third slide">
        </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span> …

在 Blazor 服务器应用程序中，我尝试生成 HTML，该 HTML 将在电子邮件中呈现以供使用。

这意味着，服务器将基于模板生成完整的 HTML，我将其与各种数据位合并。

我想做的一件事是包含一些条件 HTML，以便它在 Outlook 中呈现良好，我想做的一些事情如下所述：https ://ourcodeworld.com/articles/read/139/all -您需要了解条件 html 评论

当我包含任何 html 注释时，Blazor 的渲染引擎会忽略它们并且不会将它们包含在输出中。

有什么方法可以强制 Blazor 的渲染器包含我的评论吗？

我正在使用 Visual Studio 2019（版本 16.9.4）在 Razor 中构建一个 WebAssembly 项目，每当我尝试构建身份时，都会收到一条错误消息，指出包还原不起作用，并且所有内容都已回滚。

我的问题有两个：

1. 我该如何解决这个错误？
2. 除了身份的脚手架之外，还有其他选择吗？

格茨，

伊德·斯诺克