javascript - 如果与 View 页面一起 knockout 中的绑定(bind)语句

Question

我有一个显示字母的 div，但我想根据以下条件添加一个 if 语句来确定何时显示此 div:

如果 usersCount() > 3 则显示字母

<div class=" header" id="letter" data-bind="text: Letter">
   ....
</div>

如何将 if 语句与文本表达式语句一起添加？

data-bind="if: UserCount() > 13 then text:Letter"` ....??

var userViewModel = function (data) {
        var _self = this;
       _self.Letter = ko.observable(data.Letter);
    };

 var roleViewModel = function (data) {
        var _self = this;
        _self.UserCount = ko.observable(data.UserCount);
    };

Answer 1

查看 Visible Binding .您需要在 View 模型中创建一个属性来处理隐藏/显示 div 的逻辑。这是一个 JSFiddle进行演示。

<div data-bind="visible: shouldShowMessage, text: Letter">
</div>
<script type="text/javascript">
    var viewModel = function(){
        var self = this;
        self.Letter = ko.observable('Hello, World!');
        self.UserCount = ko.computed(function() {
            return Math.floor((Math.random() * 20) + 1);
        });
        self.shouldShowMessage = ko.computed(function() {
            return (self.UserCount() > 13);
        });
     };
</script>