javascript - 如果在淘汰赛中的绑定语句与视图页面

Question

我有这个div显示一个字母，但我想添加一个 if 语句，说明何时根据以下条件显示此 div：

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

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

如何将 if 语句与 text - expression 语句一起添加？

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

查看可见绑定。您需要在 View Model 中创建一个属性来处理隐藏/显示 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>