在 JsRender 模板中，如果要迭代的数组包含特定的字符串值，如何设置 css of dom 元素？

Question

在 JsRender 模板中，我有一个包含数组 statusShortList

的迭代元素的 td

<td style="width:100px;" class="primary-bg">
{{for statusShortList}}{{>#data}}{{if #index < #parent.data.length - 1}}-{{/if}}{{/for}}
</td>

如果数组 statusShortList 包含字符串 "wappr"，我如何设置 td 文本颜色？

Answer 1

这是一种方法：

提供帮手，例如：

var helpers = {
  inArr: function(str, arr) {
    return $.inArray(str, arr) > -1;
  }
};

var html = tmpl.render(data, helpers);

并像这样在您的模板中使用它：

<td style="width:100px; color:{{:~inArr('wappr', statusShortList) ? 'red' : 'black'}}" class="primary-bg">
  ...

In JsRender Template, How to set css of dom element if Array to be iterated contains specifics String values?