将数据（从数据库中获取）显示到 InputTextarea Blazor

Question

我正在尝试将从数据库中获取的一些数据显示到我的 Razor 页面的文本区域中。我已经尝试过这样的事情。这是显示仅供查看的数据的正确方式吗？

Razor 页面代码片段：

 @if(summaryProjection != null)
            {
               
                    <div> Seller Data</div>
                    <textarea>
                       @summaryProjection.tradeSummary.articleCurrency
                    </textarea>
            }

cs端代码：

public Models.SummaryProjection summaryProjection = new Models.SummaryProjection();
        protected override async Task OnInitializedAsync()
        {
            string Id = TID;
            summaryProjection = await Http.GetFromJsonAsync<Models.SummaryProjection>($"api/T/summary?Id=" + Id);
           
            
        }

Answer 1

如果您要显示的是一段文本，那么 textarea 与其他解决方案一样好（使用一些 css 格式使其更漂亮）。您将需要添加 disabled 以防止编辑。在您的示例中，您似乎想要显示货币值。因为它不是最好的 - 只需使用适当样式的输入，再次设置 disabled。

<textarea disabled>
    @summaryProjection.tradeSummary.articleCurrency
</textarea>

将数据（从数据库中获取）显示到 InputTextarea Blazor

Display data (fetched from DB) into InputTextarea Blazor

c#

razor

blazor

blazor-webassembly