Knockout.js:将可见性绑定到validationMessage

Question

我是Knockout.js的新手。我可以成功地将validaionMessage绑定到<p>元素。所有这些<p>元素都放在一个div中，该div具有针对错误的特殊样式。现在，我只想在有一些validationMessage可用时显示div。我该怎么做呢？

<div class="error-container" >
     <p data-bind="validationMessage: age"></p>
     <p data-bind="validationMessage: sex"></p>
     <p data-bind="validationMessage: name"></p>
</div>

PS:我使用的是1.3.0rc版本。

Answer 1

在KnockoutJS中，您可以这样做

<!-- ko if: validationMessage -->
<div class="error-container" >
     <p data-bind="validationMessage: age"></p>
     <p data-bind="validationMessage: sex"></p>
     <p data-bind="validationMessage: name"></p>
</div>
<!-- /ko -->

如果传递给"ko if“的参数为true，则里面的所有内容都将在视图中呈现。问题是，如果我不知道你代码的其余部分，我就不能告诉你应该传递给"ko if“的参数，但这会让你对如何实现你想要的东西有所了解。

Answer 2

​

<div class="error-container"  data-bind="if: validationMessage" >
     <p data-bind="validationMessage: age"></p>
     <p data-bind="validationMessage: sex"></p>
     <p data-bind="validationMessage: name"></p>
</div>

​

尝尝这个,