2

文字を表示するこれdivがありますが、次の条件に基づいて、この div をいつ表示するかの if ステートメントを追加したいと思います。

usersCount() > 3 の場合、文字を表示

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

text - expression ステートメントと一緒に 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);
    };
4

1 に答える 1

1

Visible Bindingを確認してください。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>
于 2013-10-14T18:31:24.210 に答える