使用来自服务器的默认数据初始化视图模型

Question

我们如何在第一次调用页面时在 knockoutjs 视图模型中填充数据？也就是第一次渲染 View 的时候。

我的服务器视图模型类包含一个对象列表。我希望用这个值初始化 knockoutjs 视图模型属性。

我尝试了以下代码，但失败并出现以下错误：

序列化类型对象时检测到循环引用。

这是我的代码：

var mylist = @Html.Raw(Json.Encode(Model.list));

 var viewModel = {
     list: ko.observableArray(myList),
 };

标准下拉列表适用于相同的属性。好像是序列化问题？

<div class="editor-field">
@Html.DropDownListFor(model => model.list, new SelectList(Model.list, "id", "name"), "-- select --")
</div>

Answer 1

您应该使用没有循环引用的视图模型，否则您将无法对其进行 JSON 序列化 (Json.Encode(Model.list))。我想这个Model.list 属性是一些对象的集合，它们之间有循环引用。如果您希望能够对模型进行 JSON 序列化，则必须从视图模型中删除导致这些循环引用的属性。