[解決済み] 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()
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン