データバインディングを1行にバインドする場合のノックアウトの組み合わせ

Question

ノックアウトのバインディングを同じ行の別のバインディングと組み合わせることはどういうことですか？条件が真であれば、divにのみバインディングを表示して実行したい。ユーザーがそれを見る権利がある場合、チャートは表示されるべきです。

私のチャートの定義は非常に単純です：

<div style="height:150px" data-bind="dxChart: chartSettings"></div> 

dxChartが結合する前に結合場合、私はちょうど追加することはできますか？または、このような文脈でバインディングする場合、コメントを使用することは避けられませんか？

<!-- ko if: hasRights --> 
<div style="height:150px" data-bind="dxChart: chartSettings"></div> 
<!-- /ko --> 

Answer 1

<div style="height:150px" data-bind="dxChart: chartSettings, if: hasRights"> 
    ... Elements ... 
</div> 

これはdiv要素そのものではなく、div要素に含まれる要素だけに影響を与えません。

あなたが使用することができvisible結合 - （子供を含む）全体のdivを非表示になりますが、あなたが知っているかもしれないとして、それはDOMに追加されるのdivを防ぐことはできませんどの：

<div style="height:150px" data-bind="dxChart: chartSettings, visible: hasRights"> 
    ... Elements ... 
</div> 

だから、コメントベースのバインディング(containerless control flow syntax)にdivをラップすることも解決策の1つです。別の解決策は、ifバインディングを持つdivに折り返すことです。次のようなものがあります。

<div data-bind="if: hasRights"> 
    <div style="height:150px" data-bind="dxChart: chartSettings"> 
     ... Elements ... 
    </div> 
</div>