MVCのViewModel> JSのViewModel - キャッチされないでSyntaxError：予期しないトークン＆

Question

私はJSエラー "キャッチされないでSyntaxError：予期しないトークン&" を持って、私は（knockout.js用）クライアント側のviewmodelに私のサーバーサイドのviewmodelを渡すしようとすると、

ViewModelに

public class InvoiceViewModel 
{ 
     public Factuur Factuur { get; set; } 
     public List<Factuurlijn> Factuurlijnen { get; set; } 
} 

コントローラ

 //Create Viewmodel 
     InvoiceViewModel ivm = new InvoiceViewModel(); 

     //Initialize vm objects 
     int aantaldagentotvervaldatum = Convert.ToInt32(General.getParameter("defaultaantaldagentotvervaldatum")); 

     Factuur i = new Factuur { factuur_nummer = 1, factuur_nummervoorvoegsel = DateTime.Now.Year.ToString(), factuur_datum = DateTime.Now, factuur_type = Ftype, factuur_vervaldatum = DateTime.Now.AddDays(aantaldagentotvervaldatum), factuur_kortingspercentage = Convert.ToDecimal(General.getParameter("defaultkortingspercentage")) }; 

     List<Factuurlijn> FLijnen = new List<Factuurlijn>{new Factuurlijn(){ factuurlijn_aantal = 0, factuurlijn_item="", factuurlijn_prijs=0 }}; 

     // add objects to viewmodel 
     ivm.Factuur = i; 
     ivm.Factuurlijnen = FLijnen; 

     return View(ivm); 

ビュー

@{ 
     //prepare viewmodel to assign to pas into js 
     string initialData = new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(Model); 

    } 

... 

<script type="text/javascript"> 
    var initialDataJS = @(initialData) 
    alert('initialdata : ' + initialDataJS); 
</script> 

私のアラートは発生せず、エラーが発生します。クロム：//firebug/content/net/requestObserver.js Chromeで

：キャッチされないでSyntaxErrorクリアスコープ Bronbestandに行くコンパイルとスクリプトを実行するの試み：FFで

：私はalread予期しないトークン&

私はJSの変数に代入しようとする前に、それはのviewmodelのシリアライズにうまくいかない気持ちを持っていますが、私は理由を理解していない...

無効なプロパティID

var initialDataJS = {"Factuur":{"factuur_id":0,"factuur_nummervoorvoegsel":"2012","factuur_nummer":1,"factuur_type":"F","bedrijf_id":0,"factuur_naam":null,"factuur_notities":null,"factuur_details":null,"factuur_datum":"\/Date(1335443889648)\/","factuur_vervaldatum":"\/Date(1336307889648)\/","factuur_kortingspercentage":0,"factuur_betaald":false,"factuur_bedrijf_naam":null,"factuur_bedrijf_adres":null,"factuur_bedrijf_postcode":null,"factuur_bedrijf_gemeente":null,"factuur_bedrijf_land":null,"factuur_bedrijf_tel":null,"factuur_bedrijf_fax":null,"factuur_bedrijf_gsm":null,"factuur_bedrijf_email":null,"factuur_bedrijf_website":null,"factuur_bedrijf_btw":null,"factuur_deleted":false,"bedrijf":null,"bedrijfReference":{"Value":null,"EntityKey":null,"RelationshipName":"ScotaModel.facturen_ibfk_1","SourceRoleName":"facturen","TargetRoleName":"Bedrijf","RelationshipSet":null,"IsLoaded":false},"factuurlijnen":[],"EntityState":1,"EntityKey":null},"Factuurlijnen":[{"factuurlijn_id":0,"factuur_id":0,"factuurlijn_item":"","factuurlijn_aantal":0,"factuurlijn_prijs":0,"factuurlijn_btwbedrag":0,"factuurlijn_btwpercentage":0,"factuurlijn_datum":"\/Date(-62135596800000)\/","factuurlijn_volgorde":null,"factuurlijn_deleted":false,"facturen":null,"facturenReference":{"Value":null,"EntityKey":null,"RelationshipName":"ScotaModel.factuurlijnen_ibfk_1","SourceRoleName":"factuurlijnen","TargetRoleName":"facturen","RelationshipSet":null,"IsLoaded":false},"EntityState":1,"EntityKey":null}]} 

誰かが私を助けることができる：yは

string initialData = Json.Encode(Model); 

が、ノー成功を試してみました...それから私はエラーが

エラー私のjsの中でこれを見ましたか？

Answer 1

変更

var initialDataJS = @(initialData) 

フィル・ハークhttp://haacked.com/archive/2011/01/06/razor-syntax-quick-reference.aspx

レイザーから

var initialDataJS = @Html.Raw(initialData) 

には、安全にすべてのそれらの引用符をエンコードしようとされていますが、実際にJavascriptのためにそれらを必要とします。

Answer 2

あなたは引用符文字を置き換える必要があります。ここで私は、この例では

var jsonStr = '@(Model.JSONData)'; 
    var json = JSON.parse(jsonStr.replace(/"/g, '"')); 

    viewModel = new JsModel(json); 
    ko.applyBindings(viewModel); 

ので、何をすべきかである、あなたはjsonStr変数に文字列としてサーバからのデータを保存して、正規表現の助けを借りて、二重引用符を交換し、それを解析します。 jsonオブジェクトを作成します。