计算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); 
});