children 으로 List 표현하기

코드

import com.raquo.laminar.api.L._
import org.scalajs.dom

object Main {
  def main(args: Array[String]): Unit = {
    val list: Var[List[String]] = Var(List("a", "bc", "def"))

    val content = div(
      ol(
        children <-- list.signal.map(_.map(item => li(item)))
      )
    )

    val containerNode = dom.document.getElementById("main_content")
    render(containerNode, content)
  }
}

 

설명

다음과 같은 Html 이 생성된다.

<div id="main_content">
   <div>
      <ol>
         <li>a</li>
         <li>bc</li>
         <li>def</li>
      </ol>
   </div>
</div>