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

时间:2017-07-06 06:25:42

标签: html css knockout.js

我是Knockout.js的新手。我成功地将validaionMessage绑定到<p>个元素。所有这些<p>元素都放在div内,div具有特殊的错误样式。现在,我只想在有div可用时显示validationMessage。 我该怎么办?

<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

2 个答案:

答案 0 :(得分:0)

在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 -->

如果参数传递给&#34; ko,如果&#34;是的,内部的所有内容都将在视图中呈现。 问题是,如果我不知道你的其余代码,我就无法告诉你应该将什么参数传递给&#34; ko if&#34;,但这会让你知道如何你可以实现你想要的。

答案 1 :(得分:0)

<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>

试试这个,