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