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

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