asp.net-mvc-3 - 如何使用 ASP.NET MVC 3 "Razor" View 引擎在 KnockoutJS 中启用数据绑定(bind)？

Question

我正在尝试实现 this Knockout example使用 ASP MVC 3 的“Razor” View 引擎。

第一个主题涵盖使用标准 ASP View 引擎的 C# 数组的简单数据绑定(bind)。我正在尝试使用“Razor”的示例示例，这一行:

<script type="text/javascript"> 
    var initialData = <%= new JavaScriptSerializer().Serialize(Model) %>; 
</script>

导致initialData 为空变量。

我也试过这个:

@{
    string data = new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(Model);
}

然后像这样指定initialData:

var initialData = @Html.Raw(data);

这将使用数据集填充 initialData，但绑定(bind)不起作用。

我只是想对这个集合进行数据绑定(bind)，以显示想法的数量，如示例所示:

<p>You have asked for <span data-bind="text: gifts().length">&nbsp;</span> gift(s)</p>

为什么数据绑定(bind)在这种情况下不起作用？

Answer 1

MVC3 中最简单的方法是:

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