Constructing lists dynamically about swift-html HOT 2 CLOSED

Hey @truemetal, there are a few ways.

For one, if the list of lis can be derived from another collection, then you can simply map on the collection and embed it in a fragment node:

Node.ul(
  .fragment(
    [1, 2, 3]
      .map { .li(.text("Item \($0)")) }
  )
)

If you need to build the list in a more imperative fashion, like using the appending method, then you need construct an array of ChildOf<Tag.Ul>. This type expresses the types of nodes that are capable of being a child in the <ul> elements, such as lis:

var children: [ChildOf<Tag.Ul>] = []

children.append(.li("Item 1"))
children.append(.li("Item 2"))
children.append(.li("Item 3"))

Node.ul(.fragment(children))

Hope that helps!

from swift-html.

@mbrandonw this definitely helps, thanks!

from swift-html.