Knockout.jsでDropDownListの選択値で表示非表示を切り替える
はじめて質問いたします。(質問の方法に不備などありましたら申し訳ありません)
公式のサンプルを元に以下のようなページを作成いたしました。
jsfiddle
「カテゴリ」のDropDownListで「Ships」を選択した時に
「オプション」の項目は非表示にしたいのですが、
Viewの28行目
<!-- ko ifnot:category.name==='Ships'-->
ではうまく機能しません。
強引に
<!-- ko ifnot:JSON.parse(ko.toJSON(category,null,4)).name == 'Ships' -->
のような事をすると「Ships」を選択した時に一応表示されなくはなるのですが、
・「カテゴリ」が未選択の時にエラーになる
・「追加」ボタンが機能しない
などの問題が生じてしまいます。
<!-- ko with:category -->
<!-- ko ifnot:name==='Ships'-->
とすると、配下のコードが機能しなくなってしまいます。
そもそも根本的に理解ができていないような気が致しますが、ご指導頂けますと幸いです。
どうぞよろしくお願い致します。