1. ホーム
  2. knockout.js

[解決済み] ViewModel の boolean プロパティの否定("!")に visible をデータバインディングすることは可能でしょうか?

2022-04-25 15:40:55

質問

ViewModel のプロパティを使用して、表示するアイコンを切り替えたいのですが、逆数の計算プロパティを別途作成する必要があります。これは可能でしょうか?

<tbody data-bind="foreach: periods">
  <tr>
    <td>
      <i class="icon-search" data-bind="visible: !charted, click: $parent.pie_it"></i>
      <i class="icon-remove" data-bind="visible: charted, click: $parent.pie_it"></i>
    </td>
  </tr>
</tbody>

私のViewModelには、次のような月の配列であるperiodsというプロパティがあります。

var month = function() {
    this.charted = ko.observable(false);
};

解決方法は?

observableを式で使用する場合、関数としてアクセスする必要があります。

visible: !charted()