Graphics.element.container中的HTML startapp视图

Question

我正在尝试将html视图放在容器中间。

不幸的是，容器提供类型为Graphics.Element.Element的输出，而html视图的类型为Html.Html。

此外，像div, checkbox, button, body这样的html元素构造函数返回类型为Html，而容器需要Graphics.Element参数。

这是一个错误的html视图，我想让它工作，

view : Signal.Address Action -> Model -> Element
view address model =
  container 1000 1000 middle <|
    toForm <|
      div []
        [ button [ onClick address Decrement ] [text "-"]
        , div [ countStyle ] [ text (toString model ) ]
        , button [ onClick address Increment ] [ text "+" ] 
        ]

two buttons，one div全部放在1000 * 1000容器的中间。

Answer 1

elm-html包中有一个fromElement，可用于从Html创建Element。

我会说，elm-html的想法是允许更“正常”的呈现HTML流程并使用CSS来设置样式。虽然它工作来接收您的Html，但将其转换为Form或Element，使用拼贴或容器将其移至中心某些区域，然后转换回Html，我可能会建议反对它。如果你正在使用HTML，只需渲染它并设置样式（使用外部样式表或使用Html.Attributes）。