Javascript 表单未绑定到模型的淘汰选项

我在KnockoutJS和选项绑定方面有问题

我试图实现的是基于选项绑定的所选选项显示表单的功能

奇怪的是，它与第一个表单字段一起工作，但模型没有为其他字段绑定值

这是我的标记：

<div id="page">
    <form data-bind="submit: executeTask">
        <select data-bind="options: availableTasks, value: selectedTask, optionsText: 'description',  optionsCaption: 'Select...',"></select>
        <div data-bind="visible: selectedTask">
            <input type="text" data-bind="value:selectedTask().assignee">
            <input type="text" data-bind="value:selectedTask().estimatedTime">
        </div>
        <button class="btn" type="submit">Submit</button>
    </form>
</div>
<script>
    $(function() {
        var taskController = new TaskController(document.getElementById("page"));
    });
</script>

完整代码可在以下位置找到：

正如您在控制台中看到的，只有“assignee”属性被绑定，而不是“estimatedTime”属性

我做错了什么

谢谢， Bj Blazkowicz

解决方案1： 将可见绑定替换为

如果
绑定：

<div data-bind="visible: selectedTask">

请检查此答案：您的问题完全相同。谢谢，伙计，是绑定帮我解决的。@BjBlazkowicz抱歉，我回答得太快了：）答案已更新。
<div data-bind="visible: selectedTask">

<div data-bind="if: selectedTask">

<div data-bind="with: selectedTask">
    <input type="text" data-bind="value: assignee">
    <input type="text" data-bind="value: estimatedTime">
</div>