TemplateRenderer返回null（Vaadin Flow/14.1）

Question

对于我的表格中的一列我使用了TemplateRenderer（显示一个图标，提示此行可能存在的问题）：

grid.addColumn(TemplateRenderer.<T>of("<iron-icon icon='[[item.icon.name]]' title='[[item.icon.tooltip]]' style='width: 1em;'></iron-icon>")
    .withProperty("icon", item -> StatusHint.of(item))
    ...
    ;

对于某些项目，此模板不相关（没有问题），因此属性图标是null。结果是这个超文本标记语言：

虽然浏览器没有显示任何内容，但毫无头绪的HTML代码很难看（不知道是否还有性能损失）。

空单元格或

我该如何做到这一点？API没有给我任何提示。




Answer 1

这有点复杂，但是您可以使用Polymer的dom-if模板为不能绑定属性的情况创建条件子模板。这里有一个例子，根据一个人的年龄是偶数还是奇数，可以打印“偶数”或“奇数”：

grid.addColumn(
      TemplateRenderer.<Person>of(
      "<template is='dom-if' if='[[item.even]]'><b>even</b></template><template is='dom-if' if='[[!item.even]]'><i>odd</i></template>"
      ).withProperty("even", p -> {
            int age = p.getAge();
            return age % 2 == 0;
      }))
      .setHeader("Is age even or odd?");