有没有办法在Elm-Html中生成一个空的Html节点？

Question

我正在编写一个显示错误消息的函数，因此在我看来，我有类似

的内容

div [] [ displayErrors model ]

如果没有错误，我如何让displayErrors返回被解释为空Html节点的东西？

Answer 1

您可以使用带有空字符串的Html.text节点：

emptyNode = Html.text ""

Answer 2

@ robertjlooby的回答看起来非常好。

但是，如果您真的不想拥有任何节点，可以让displayErrors返回Maybe (Html msg)。

然后，您可以将代码更改为以下内容：

import Maybe.Extra exposing (maybeToList)

div [] ( displayErrors model |> maybeToList )

当displayErrors返回Nothing时，div将为空。

注意：您可以使用以下命令安装Maybe.Extra模块：

elm package install elm-community/maybe-extra