model-view-controller - ノックアウトjsのコンテナレスステートメントがホットタオルSPAで機能していませんか?

Question

ホットタオルテンプレートでknockoutjsのようなコンテナレスステートメントを使用しようとして<!--ko if:IsShowData==true -->いましたが、代わりにdivのような要素で目に見えるバインディングを使用すると、非常にうまく機能しませんでした.( <div data-bind="visible: IsShowData==true"></div>)

ノックアウトjsのコンテナレスステートメントがホットタオルテンプレートで機能しないかどうか教えてもらえますか?

デフォルトのホットタオルテンプレートで、次のようにhome.htmlとhome.jsにいくつかの行を追加しました:

views/home.html

<section>
    <h2 class="page-title" data-bind="text: title"></h2>
</section>

<!-- ko if: active()==true -->
hiiiiiiiiiiiiiii
<!--/ko-->


<div data-bind="visible: active() == true">
    byeeeeeeeeeeeee
</div>

そしてviewmodels/home.jsファイルで

define(['services/logger'], function (logger) {
    var vm = {
        activate: activate,
        active:ko.observable(false),
        title: 'Home View'
    };

    return vm;

    //#region Internal Methods
    function activate() {
        logger.log('Home View Activated', null, 'home', true);
        return true;
    }
    //#endregion
});

ひぃぃぃぃぃに会えるけど会えないbyeeeeee