elm - HTML 可选属性

Question

如果 containerClassName 是一个可选的 String，给定这个 html

div
    [ class containerClassName ]
    []

我怎样才能让它成为可选的？

例如，如果 containerClassName 是 ""，则省略该属性，因此生成的 DOM 不会包含没有值的属性 class .

Answer 1

其中一个选项是使用 classList来自 Html.Attributes 的函数，如果特定条件为 True，则包含一个类:

div
    [ classList
        [ (containerClassName, not (String.isEmpty containerClassName))
        ]
    ]
    []