Elm lang 将列表元素插入 parent 容器

Question

我在模型中有以下类型：

type alias NetworkList =
  { networks : (List Network) }

type alias Network =
  { name: String }

加载它们后，我想在视图函数中显示一个 ul 列表。我找到了这种遍历列表中每个 child 的解决方案：

networkPickContent: NetworkList -> Html Msg 
networkPickContent networks =
    networks 
        |> List.map networkRow
        |> ul [ class "my_class" ]


 networkRow: Network -> Html Msg
 networkRow network =
    li [] [ text network.name ]

但无法真正让它工作，调试器returns错误：

The right side of (|>) is causing a type mismatch.

     networks 
        |> List.map networkRow

(|>) is expecting the right side to be a:

     NetworkList -> a

 But the right side is:

     List Network -> List (Html Msg)

在这种情况下我做错了什么？出于这种目的使用 List.map 是否合理，或者有更好的方法来显示所有 child 元素？

Answer 1

NetworkList 是以网络为键的记录。试试下面的方法

networkPickContent: NetworkList -> Html Msg 
networkPickContent networkList =
    networkList.networks
        |> List.map networkRow
        |> ul [ class "my_class" ]

Elm lang 将列表元素插入 parent 容器

Elm lang inserting list elements into parent container

elm