knockout.js - データバインドに埋め込まれた条件文

Question

foreachステートメントを使用してテーブルの行をバインドしています。行の HTML マークアップは次のとおりです。

<tr data-bind="css: 'new-row', rowClick: $parent.editCost">

私はこのようなことをしたいと思います:

<tr data-bind="css: 'new-row', if: $index() > 0 {rowClick: $parent.editCost} ">

このようなことは可能ですか？

Answer 1

もちろん、あなたはそれを行うことができます：

<tr data-bind="click: function(){ if($index() > 0) $parent.editCost($data);} ">

rowClick がカスタム バインディングの場合は、次のように実行できます。

<!-- ko id : $index() == 0 -->
<tr data-bind="css: 'new-row'>
<!-- /ko -->
<!-- ko id : $index() > 0 -->
<tr data-bind="css: 'new-row', rowClick: $parent.editCost">
<!-- /ko -->

お役に立てば幸いです。