仅显示数组中的一个元素

Question

我有一个observableArray（）并且我使用foreach绑定显示列表中的所有元素。 现在，我想只显示列表旁边的一个元素，当有人在列表中单击它时，会显示有关该元素的一些详细信息。我该怎么办？ 也许我正在进行一些糟糕的搜索，但我无法在Google上找到任何答案。

祝你好运， 马丁

Answer 1

为所选项目引入一个新的observable：

self.selectedItem = ko.observable();

然后在列表中添加click binding：

<ul data-bind="foreach: items">
    <li data-bind="click: $root.selectedItem, value: text"></li>
</ul>

然后您的详细信息可能如下所示：

<div data-bind="visible: selectedItem, if: selectedItem">
    <h2 data-bind="text: selectedItem().text"></h2>
</div>