如何使用淘汰赛js读取Web Api结果中的Json数据

Question

我在这些项目中使用 WebApi 返回了 Result.items 一项是 JsonData 如何使用我的 MVC 应用程序的 Knockout.js 读取 jsonData

我在一个视图中尝试如下

 <ul id="modelView" class="modelList" data-bind="foreach: modelItemList">
        <li class="modelListItem" style="border: solid" data-bind="css: { selected: $data == $root.selectedItem() }">
            <span data-bind="text: $data.ComponentName"></span>
            <ul>
                  <li class="modelList" data-bind="foreach: data.JsonData">
                    <span data-bind="text: data.ColumnName"></span>
                </li>
            </ul>

        </li>

我的modelItemList对象如下是一个DashBoardComponent的列表

public class DashBoardComponent
{
    public int ComponentId { get; set; }
    public string ComponentName { get; set; }
    public string ComponentType { get; set; }
    public string JsonData { get; set; }
}

我的 jsonData 是 DashBoardComponentColumn 的对象列表

public class DashBoardComponentColumn
{
    public int ColumnId { get; set; }
    public string ColumnName { get; set; }
    public string ColumnType { get; set; }
}

然后我的问题是如何读取 jsondata，我正在尝试如上但它只产生一个组件。 如何使用knockout js读取数据

Answer 1

看起来 JsonData 是一个字符串，而不是一个列表。因此，.NET json 序列化程序不会将其转换为 json 列表。如果 json 数据确实是任何东西的列表，则应将其实例化为列表。