knockout.js - ノックアウトjsでタグを隠す

Question

ノックアウト バインディングのヘルプが必要です。次のタグがあります]

 <a class="link" data-bind="href: Url">My Url</a>

私がやりたいことは、「Url」がnullまたは空の場合、ユーザーのビューからタグを非表示にすることです.

これどうやってするの？

Answer 1

次のようなことを試すことができます：

<a class="link" data-bind="attr: { href: url}, visible: url().length > 0">
    My Url
</a>

または、マークアップにまったく表示したくない場合:

<!-- ko if: url().length > 0 -->
    <a class="link" data-bind="attr: { href: url}">
        My Url
    </a>
<!-- /ko -->