如何仅在可见时激活组合模型？

Question

我有一个包含组合模型的视图。当我上传页面时，组合组件虽然不可见但正在激活。我想要的是单击按钮 "Answer"，然后只有那时组合组件将被激活（意味着开始 "composedView"

的激活生命周期

这是我的观点：

<div class="parentView">
  <div class="action-button-wrapper">
    <!-- ko if: !answered -->
        <button class="button" data-bind="click:function(){answerClicked(true)}">
            <span class="text">Answer</span>
        </button>
    <!-- /ko -->
</div>
<div data-bind="visible:answerClicked">
    <div class="second-view-wrapper" data-bind="compose: {model:'composedView' ,preserveContext: true}"></div>
  </div>
</div>

谢谢！

Answer 1

将可见更改为 if 绑定是解决它的一种方法

如何仅在可见时激活组合模型？

How to activate a compose model only when it is visible?

knockout.js

durandal

class-visibility