淘汰js foreach绑定显示[object object]

Question

我想为KnockoutObservableArray<string> 类型的_areas 数组中的每个项目添加一个<option>。但是，当我这样做时：

<select 
            multiple="multiple"
            class="select-multiple"
            data-bind="foreach: _regionGetter._areas">
            <option data-bind="text: $data"></option>
        </select>

它在每个<option> 中打印出一个[object object]。如何让它打印数组中的字符串而不是 [object object]？

Answer 1

这是因为您的可观察数组中的项目是对象，然后您正在使用$data，因此将显示[object object]。如果项目是字符串，则 $data 只能在这种情况下使用。

改为更改<option data-bind="text: $data"></option> 以使用包含您要显示的文本的对象属性。

例如，如果对象有一个名为name 的属性，那么您可以使用<option data-bind="text: name"></option> 将选项文本绑定到此

JsFiddle