Knockout / Underscore - 第一个div上的数据绑定

Question

<script type="text/html" id="RevealPanelStart">
    <div class="alert alert-danger" data-bind="visible:$root.addToBasketPreviewDisplayed">Before you add to basket, please check you are happy with the options selected below:</div>
    <div class="revealpanel" data-bind="visible:$root.previewClicked, template: { name:$root.templateToUse, foreach:Fields }" style="display: none;">
    </div>
</script>

这可能会在整个代码中出现多次。无论如何我可以显示第一个addToBasketPreviewDisplayed？

我累了：

_.first(model.addToBasketPreviewDisplayed(true));
model.addToBasketPreviewDisplayed(true).first;

谢谢，

克莱尔

Answer 1

只有一个addToBasketPreviewDisplayed。您表明它是您的（根）视图模型的成员。它出现在HTML中的次数并不重要，除非它是组件的一部分，否则它们都引用相同的东西，在这种情况下，您希望找到第一个组件。最重要的是，您应该查看您的viewmodel以了解数据的结构。视图就是视图模型的呈现方式。