在Knockout中是或否而不是真或假

Question

在Knockout中有一种干净的方式来显示我的视图模型中的布尔属性,以显示"是"或"否"而不是真/假.有时属性是未定义的,所以这也应该显示否.

目前使用:

<td data-bind="text: isAvailable ? 'Yes' : 'No'"></td>

一定是更好的方式.

Answer 1

你可以使用这个自定义bindingHandler,

ko.bindingHandlers.YesNo = {
    update: function (element, valueAccessor) {
        // defaults to false
        var val = ko.utils.unwrapObservable(valueAccessor()) || false; 

        if (val)
            $(element).text("Yes");
        else
            $(element).text("No");
    }
}

像这样使用它,

<td data-bind="YesNo: isAvailable"></td>

谢谢