html - 如何有条件地创建 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 -->
  }
}