获取循环中要在if语句中使用的项的索引，以获取另一个对象中的值

Question

我试图在循环中使用当前项的索引来从父对象获取值，只有直接输入数字才能获得数据。但是，我需要使用索引。

因此Parent对象包含Library、Books和Book price

<!-- ko foreach: value().Library -->
<ul>
<li>
<div>
<h3 data-bind="text: Name + ' - ' +  Description"></h3>
</div>
<!-- ko if: $parent.value().BookPrices.length > 0  -->
<div>
<span data-bind="text: $parent.value().BookPrices[1].Dollars"></span>
</div>
<!-- /ko -->
</li>
</ul>
<!-- /ko -->

如果有任何想法/建议，我可以使用索引，甚至循环中当前项目的ID属性，使用[]获得Dollars的值，我们将不胜感激。

Answer 1

类似的东西？

function ViewModel() {
var self = this;
self.value = ko.observable({
Library: [{
Id: 1,
Name: 'Test 1',
Description: 'Test 1 Description'
},
{
Id: 2,
Name: 'Test 2',
Description: 'Test 2 Description'
},
{
Id: 3,
Name: 'Test 3',
Description: 'Test 3 Description'
}
],
BookPrices: [{
Id: 1,
Dollars: 5.99
}, {
Id: 2,
Dollars: 9.99
}, {
Id: 3,
Dollars: 15.99
}]
})

self.getBookPrice = function(item){
var result = self.value().BookPrices.filter(x=>x.Id == item.Id);
return result.length === 0 ? 0.00 : result[0].Dollars;

}
}
ko.applyBindings(new ViewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<!-- ko foreach: value().Library -->
<ul>
<li>
<div>
<h3 data-bind="text: Name + ' - ' +  Description"></h3>
</div>
<!-- ko if: $parent.value().BookPrices.length > 0  -->
<div>
<span data-bind="text: $parent.getBookPrice($data)"></span>
</div>
<!-- /ko -->
</li>
</ul>
<!-- /ko -->