KnockoutJS，没有显示嵌套属性 - with：selecteditem

Question

我想要完成的任务：

我试图创建一个简单的＆＃34;主要细节＆＃34; （注意引号！） 从下拉列表中选择一个类并获取该类中的人员的地方。

我的期望：

从<select>中选择一个班级时，请显示所有人名＆＃34;已连接＆＃34;到那个班级

我得到了什么：

该类的名称，即使我设置了SelectedClass Persons的上下文

我的代码

<select data-bind="options: Classes, optionsText: 'Name', value: SelectedClass"></select>
<div data-bind="with: SelectedClass">
    <ol data-bind="Persons" id="selectable">
        <li class="ui-widget-content">
            <div data-bind="text: Name"></div>
        </li>
    </ol>
</div>

我已创建 This fiddle

Answer 1

您的绑定表达已被破坏：data-bind="Persons"，您缺少foreach binding名称...

应该是

<ol data-bind="foreach: Persons" id="selectable">

演示JSFiddle。