如何有条件地创建HTML节点的绑定？

Question

我想有条件地创建HTML节点的绑定。

@dom def maybeEmpty: Binding[Node] = {
  if (math.random > 0.5) {
    <div>non-empty content</div>
  }
}

但是代码无法编译。

error: type mismatch;
 found   : Unit
 required: org.scalajs.dom.raw.Node

Answer 1

自Binding.scala 11.1.x起，您可以编写：

@dom def maybeEmpty: Binding[Option[Node]] = {
  if (math.random > 0.5) {
    Some(<div>non-empty content</div>)
  } else {
    None
  }
}

Answer 2

您需要一个包含空内容的else块，通常是HTML注释：

@dom def maybeEmpty: Binding[Node] = {
  if (math.random > 0.5) {
    <div>non-empty content</div>
  } else {
    <!-- empty content -->
  }
}