Comment puis-je transformer un Int en Html

Question

J'écris un petit programme qui gère et affiche accords de guitare.

Mais je suis coincé: je ne sais pas comment convertir une valeur Int en Html.

---

Ma petite fonction render ressemble:

renderGuitarString : GuitarString -> Html Msg 
renderGuitarString guitarString = 
    div [ class "string" ] --here I don't know what to do 

et:

view : Model -> Html Msg 
view model = 
    div [] (List.map renderGuitarString model.guitarStrings) 

---

juste pour l'image complète, mes types et mon modèle:

type alias GuitarString = 
{ number : Int 
, frets : List Fret 
} 

et:

type alias Fret = 
    { number : Int 
    , tone : (String, Int) 
    } 

et:

type alias Model = 
    { guitarStrings : List GuitarString 
    } 

---

Je veux transformer la valeur numérique en réel chantourner Html.

merci pour votre aide!

Answer 1

Vous utilisez Html.text pour afficher une chaîne, mais le problème est qu'un entier n'est pas une chaîne, vous devrez donc utiliser toString. Par exemple:

renderGuitarStringNum : Int -> Html Msg 
renderGuitarStringNum num = 
    text (toString num) 

Answer 2

Vous pouvez aussi rendre ce que

renderGuitarStringNum = toString >> text 

Ou

renderGuitarStringNum = text << toString