kendo mvvm將帶有換行符的文本綁定到textarea

Question

我正在使用Kendo UI MVVM，並嘗試將一些文本與從服務器到文本區域的換行符（ \\n ，不是<br/> ）綁定在一起（但此處不是特定的控件），但這是行不通的。

的HTML

<div id="model">

<textarea data-ng-bind="value:myText"></textarea>

</div>
<script>

$(function () {

    var model = kendo.observable({
        myText: '@ViewData.Eval("textWithNewLines")'
    });

    kendo.bind($("#model"),model);
});
</script>

服務器端代碼

 // GET: G4B/Home
    public ActionResult Index()
    {

        return View("index", new { textWithNewLines = "text\nWith\nNew\nLines" });
    }

這里發生的事情非常明顯：@ ViewData.textWithNewLines使用newLine呈現在頁面中，並且javascript損壞了。 屏幕截圖顯示的Chrome錯誤

但是我該怎么辦呢？

Answer 1

解決了。 問題來自從服務器獲取的數據，該服務器將“ \\ n”編碼為newLine。

解決的辦法是像這樣包裝我的文字：

<script>

$(function () {

    var oUtils = new G4BUtils();

    var model = new kendo.observable({
        myText: @Html.Raw(Json.Encode(ViewData.Eval("textWithNewLines")))
    });

    kendo.bind($("#model"), model);

});
</script>