在剔除绑定之前将值转换为小写

Question

这里的演示

我在标签上绑了一条扣子。值界始终应该是小写的。而在js模型中，它将保持大写。怎么做？

Javascript

var model = { 
    name:ko.observable("Test") 
}

ko.applyBindings(model);

HTML

<label data-bind="text:name">

Answer 1

您只需要在视图中使用toLowerCase

视图:

<div class='liveExample'>   
     <p> name: <label data-bind='text: name().toLowerCase()'></label></p> 
</div>

<b>Original Value:
<pre data-bind="text:ko.toJSON($data,null,2)"></pre>

样品工作小提琴这里

Answer 2

不清楚您想要做什么，特别是当值来自文本区域时，但是您可能可以使用可写计算的任何操作：

model.lowerName = ko.computed({
    read: function() {
        return model.name().toLowerCase();
    },
    write: function(newValue) {
        // ...save this however it is you want to save it...
    }
});

HTML：

<input data-bind="value:lowerName">

关于您的更新问题:您的更新完全更改了问题。如果您不需要来自元素的更新，并且只显示name中的内容，那么您有两个选项：

1. 只读计算： model.lowerName =ko.pureComputed(函数(){返回model.name().toLowerCase()；})； HTML：
2. 只需在绑定中这样做：