Vue HTML startapp à l'intérieur de Graphics.element.container

Question

J'essaie de placer ma vue html au milieu d'un conteneur.

Malheureusement, le conteneur donne une sortie de type Graphics.Element.Element alors que la vue html doit être du type Html.Html.

Et aussi, les constructeurs d'éléments html comme div, checkbox, button, body le type de retour est Html alors que, conteneur a besoin d'un Graphics.Element paramètre.

Ceci est une vue HTML erronée, que je voudrais le faire fonctionner,

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 "+" ] 
     ] 

Il a two buttons, one div tous placés au milieu d'un conteneur 1000 * 1000.

Answer 1

Le package elm-html a un fromElement qui peut être utilisé pour créer un Html à partir d'un Element.

Je dirai cependant que l'idée avec elm-html est de permettre un flux plus "normal" de rendu HTML et d'utiliser CSS pour le styler. Alors qu'il travailler pour prendre votre Html, le convertir en un Form ou Element, utilisez un collage ou un conteneur pour le déplacer au centre d'une zone, puis convertir en Html, je recommanderais probablement contre il. Si vous utilisez du HTML, il vous suffit de le rendre et de le styler (soit avec une feuille de style externe, soit avec Html.Attributes).