計算observable不綁定到字段標籤從輸入字段

Question

在一個文件中，我必須html元素一個標籤和一個輸入字段。

<label class="reportNameTextBox" title="Click to edit report name" data-bind="text: Name() == null || Name().trim().length == 0 ? '[ Click to Enter Report Name ]' : Name(), css: { 'noData': Name() == null || Name().trim().length == 0 }"></label> 
<input class="editInput" type="text" data-bind="value: Name" /> 

都被綁定到淘汰賽視圖模型題爲報告有一個屬性名稱

內視圖模型我想創建一個計算觀察到的，將字符限制爲255

report.Name = ko.computed(function() { 
    return report.Name().substring(0, 255); 
}); 

我遇到的問題是在創建計算的observable之前綁定工作正常。在輸入字段中輸入值將反映在標籤中。一旦我創建了observable。兩個字段之間的綁定已被破壞，但仍保留在輸入字段中？

對我在做什麼有什麼建議嗎？提前

Answer 1

感謝您創建與計算的名稱相同，因此觀察到KO覆蓋它。使用另一個名字來計算例如NameFormatted：

report.NameFormatted = ko.computed(function() { 
    return report.Name().substring(0, 255); 
});