使用 blazor 按 <path d=""> 访问数组

Question

我正在尝试使用 morris.js 创建图表。我的数据在一个数组中。我正在尝试在我的属性中遍历我的数组。我无法访问阵列。（Blazor 问题）?

我无法让图表正常工作。我输入了示例数据，能够生成图表，但无法使用我的数组。当我尝试@integerArray 然后输入“。”没有弹出任何内容，所以我假设我没有做对。

<div class="panel-body">
    <h4 class="text-center">H4 Tag</h4>
    <div id="morris-line-chart" class="height-sm">
        <svg height="300" version="1.1">
            <path fill="none" stroke="#348fe2" d="attr="@foreach(var item in @integerArray){}""></path>
        </svg>
    </div>
</div>


@code{

    public class DataAccess
    {

        ApplicationDbContext _Context;

        public DataAccess(ApplicationDbContext applicationDbContext)
        {
            _Context = applicationDbContext;
        }

        void OnGet()
        {
            var data = (from ovenModel in _Context.OvenDataKey
                        select ovenModel).ToArray();
            int[] integerArray = new int[data.Count()];

            for (int i = 0; i <= integerArray.Length; i++)
            {
                integerArray[i] = data[i].Temp;
            }
        }
    }
}

我需要使用我在@code 中创建的数组在 HTML 上打印图表。我只是不知道如何访问数组中的数据。

Answer 1

在@code 块中的 class 之外定义变量 integerArray，如下所示：

@code {
   int[] integerArray {get;set;}
}

问题是 Blazor 无法访问 class 中的局部变量。但是，您可以在 class 中将其定义为 static

我猜你正在使用服务器端 Blazor，对吧？因为如果不是，则不能在客户端（客户端 Blazor）上使用 Entity Framework
您应该知道 Blazor 与 Razor Pages 完全不同，尽管两者都使用 Razor 语法。您应该了解 Blazor 组件模型以及组件如何相互通信。如果我对这个假设有误，我深表歉意...

希望这对您有所帮助...

使用 blazor 按 <path d=""> 访问数组

Accessing array by <path d=""> using blazor

c#

charts

morris.js

blazor

.net-core-3.0