我正在尝试将我的viewmodel绑定到Knockout,因为我需要做一些客户端操作。由于'
字符,我遇到了问题。
我的模型中有一些SelectListItem
的对象,这样的对象如下所示:
{
"Disabled": false,
"Selected": false,
"Text": "Côte d'Ivoire",
"Value": 59
}
注意'
属性中的Text
字符:"Côte d'Ivoire"
。
这个角色是一切的问题,因为这是我将视图模型转换为ko
视图模型的方式:
@{
var serializerSettings = new Newtonsoft.Json.JsonSerializerSettings();
serializerSettings.NullValueHandling = Newtonsoft.Json.NullValueHandling.Ignore;
var jsonData = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model, serializerSettings));
}
@using(Html.BeginScripts())
{
@Scripts.Render("~/bundles/knockout")
<script type="text/javascript">
var vm = ko.mapping.fromJSON('@Html.Raw(jsonData)')
</script>
}
请注意我如何将@Html.Raw(jsonData)
内部包裹到'
。我想这就是问题所在,我只是不确定如何解决这个问题。
更新
这是返回此数据的控制器方法:
public ActionResult Solution()
{
using(var db = new DatabaseContext())
{
var viewModel = new DetailsViewModel();
viewModel.Countries = db.Country.ToList().Select(x => new SelectListItem{
Value = "" + x.CountryId,
Text = x.Name
});
return View(viewModel);
}
}
答案 0 :(得分:4)
这里的问题是这一行:
var vm = ko.mapping.fromJSON('@Html.Raw(jsonData)')
特别是您将jsonData
带到未填充的JavaScript字符串中的部分,其实质上是:
var vm = ko.mapping.fromJSON('{"Text": "Côte d'Ivoire"}')
需要转义单引号,否则会破坏整个字符串。你可以修复这个服务器端,然后转义字符串,或者你可以使用different mapping method, fromJS
,而不是用单引号括起你的JSON字符串:
var vm = ko.mapping.fromJS(@Html.Raw(jsonData))