私はasp.netmvcrazorでknockout.jsを学ぼうとしています。私は自分自身を学び、テストするために以下のコードをコーディングしていますが、ビュー側は私にjsエラーをスローします。
「varmodel=@ Html.Raw(Json.Encode(Model));」でエラーが発生します エラー:Microsoft JScriptランタイムエラー:'fromJSON'プロパティの値を取得できません:オブジェクトが空であるか、未定義です
コントローラー:
[HttpGet]
public ActionResult GetGift()
{
GiftModel gift = new GiftModel();
gift.Price = 120;
gift.Title = "Test";
return View(gift);
}
View:
@using System.Web.Script.Serialization;
@model knockout1.Models.GiftModel
@{
ViewBag.Title = "GetGift";
}
<h2>GetGift</h2>
<script src="/Scripts/knockout-2.1.0.js" type="text/javascript"></script>
<script type="text/javascript">
var initialData = @Html.Raw( new JavaScriptSerializer().Serialize(Model));
var viewModel = ko.mapping.fromJSON(initialData);
$(document).ready(function () { ko.applyBindings(viewModel); });
</script>
<p>Title: <strong data-bind="text: Title"></strong></p>
<p>Price: <strong data-bind="text: Price"></strong></p>
しかし、私は自分のjsコードを変更しました。エラーが消えます。私は最初の使用法を理解できませんなぜ修正されないのですか?私はダリン・ディミトロフの返答を読みました:
<script type="text/javascript">
var jsonResultData = @Html.Raw(Json.Encode(Model));
</script>
私:(うまくいっています。)
<script type="text/javascript">
$(function()
{
var model = @Html.Raw(Json.Encode(Model));
// Activates knockout.js
ko.applyBindings(model);
});
</script>