在JSViews中创建“if”动态

Question

我正在尝试使用JSViews来创建动态UI。我希望有单选按钮隐藏/显示ui的不同部分，并将单选按钮绑定到我的数据。

创建和绑定单选按钮可以正常工作，但我仍然坚持下一部分。我尝试使用{{if}}根据驱动单选按钮的相同值显示ui的不同部分。它根据初始值显示正确的ui，但是当我更改单选按钮时，if不会使用新值进行评估。

这是jsfiddle，显示了我到目前为止所拥有的内容。

不按我想要的方式工作的部分是

template += '{{if dynamic}}';
template += 'dynamic';
template += '{{else}}';
template += 'static';
template += '{{/if}}';
template += "</div>";

甚至可以用jsviews做我想做的事情吗？我试图摆脱一堆处理所有点击并隐藏和手动显示的代码。

Answer 1

好的，所以看起来这是一个简单的修复。我无法在任何地方找到它。

如果我改变

{{if dynamic}}

到

{^{if dynamic}}

然后它神奇地变得充满活力。请参阅here。

Answer 2

这是正确的。

当然，它已被记录（实际上在很多地方）。以下是其中一些：

• http://www.jsviews.com/#jsviews - 请参阅：“并将{{if ...}}更改为{^ {if ...}}，它也将受到数据绑定。”< / LI>
• http://www.jsviews.com/#jsvplaying - 请参阅：“任何常规JsRender标记{{someTag ...}} - 无论是内置还是自定义 - 都可以通过添加^：{^ {someTag。 ..}}“。
• http://www.jsviews.com/#samples/editable/tags - 请参阅：“数据链接标记：{^ {for ...}}，{^ {：...}}等”