基于条件的数据呈现在Mustache.js中

Question

我有像

这样的Json数据

[{"Answer":"0"},{"Answer":"1"},{"Answer":"1"},{"Answer":"0"}]

如果答案是1，我想显示right.png，否则我想显示wrong.png。

在呈现正确的图像之前，如何检查“答案”的值？我正在使用Mustace.js模板引擎

Answer 1

将它们设为true / false而不是1/0。您可以使用inverted sections来测试布尔值。

[{"Answer":false},{"Answer":true},{"Answer":true},{"Answer":false}]

并在您的模板中：

<img src="{{#Answer}}right.png{{/Answer}}{{^Answer}}wrong.png{{/Answer}}" />

来自Doc

  

使用{{^ section}}而不是{{#section}}打开倒置部分。仅当该部分的标记的值为null，undefined，false或空列表时，才会呈现反转部分的块。

如果您使用handlebars.js，它为您提供了更多的灵活性来指定if else条件