javascript - 如何在 knockout 绑定(bind)中运行 afterRender 中的函数？

Question

我需要向文本框输入添加一个日期选择器，其可见性由 knockoutjs 绑定(bind)控制。

<!-- ko if: hasWorked -->
<div class="form-group">
    <input id="StartDate" name="StartDate" type="text" />
</div>
<!-- /ko -->

我的猜测是:

<!-- ko if: hasWorked, afterRender:initDatepicker -->

但它从未奏效。

显示文本框然后运行函数来处理它的正确方法是什么？

Answer 1

afterRender 仅适用于 foreach 和 template。

幸运的是，我们可以做无容器模板。

解决方案:

<!-- ko template: {if: hasWorked,afterRender:initDatepicker} -->
...
<!-- /ko -->

<小时/>

引用文献:

• Containerless template Maksym提供的解决方案科兹连科。不是选定的答案。
• template中afterRender的使用，参见knockout official documentation on template ，(向下滚动至注释 4)。