json - 如何使用淘汰赛js读取WebApi结果中的JsonData

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 数据确实是任何内容的列表，则应将其实例化为列表。