如果綁定在knockout.js中不起作用

Question

我正在嘗試在帶有數據綁定的基因敲除js中使用if語句：

例如，如果if為false且div中的文本應隱藏：

    <!-- this is what i am trying to get working. -->
    <div data-bind="if: little">rank : little</div>

我的猜測是，這件作品無法按預期工作。 它應該返回false，因為clickCount在啟動時為0。

  this.little = function(){
    return this.clickCount() > 5;
  };

我已經粘貼了app.js和index.html的代碼。

這是app.js

var ViewModel = function (){
  this.clickCount = ko.observable(0);
  this.name = ko.observable('Tabby');
  this.imgSrc = ko.observable('img/2.jpg');
  this.imgAttribution = ko.observable('http://www.flickr.com/photos/big');


  this.incrementCounter = function() {
    this.clickCount(this.clickCount() + 1);
  };


  // this is not returning false as it should.
  this.little = function(){
    return this.clickCount() > 5;
  };

}

ko.applyBindings(new ViewModel());

這是index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cat Clicker</title>
</head>
<body>

    <div>

        <h2 data-bind="text: name"></h2>
        <div data-bind="text: clickCount"></div>

        <!-- this is what i am trying to get working. -->
        <div data-bind="if: little">rank : little</div>

        <img src="" alt="cute cat" data-bind="click: incrementCounter, attr:{src: imgSrc}">

    </div>
    <script src="js/lib/knockout-3.2.0.js"></script>
    <script src="js/app.js"></script>
</body>
</html>

Answer 1

嗨，您可以使用可見的淘汰賽綁定

以下代碼將為您工作：

    <div data-bind="visible: !little()">rank : little</div>
                            OR
    <div data-bind="visible: little()">rank : little</div>

如果綁定在knockout.js中不起作用

問題描述

1 個解決方案

解決方案1
0 已采納 2016-02-22 07:16:28

如果綁定在knockout.js中不起作用

問題描述

1 個解決方案

解決方案1 0 已采納 2016-02-22 07:16:28

解決方案1
0 已采納 2016-02-22 07:16:28