javascript - 是或否而不是 knockout 中的真或假

Question

在 Knockout 中，有一种简洁的方法可以从我的 View 模型中显示 boolean 属性，以显示"is"或“否”而不是真/假。有时属性是未定义的，所以这也应该显示 No。

目前正在使用:

<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>

谢谢