如何将Int转换为Html

Question

我正在编写一个小程序来处理和显示吉他和弦。

但我陷入困境：我不知道如何将转换为到Html。

我的小渲染功能看起来像：

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

和

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

仅用于完整图片，我的类型和我的模型：

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

和

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

和

type alias Model =
    {   guitarStrings : List GuitarString
    }

我想将 Fret 数字值转换为真正的Html。

感谢您的帮助！

Answer 1

更新：这在Elm 0.19中无效，请改用String.fromInt

您使用Html.text来显示字符串，但问题是整数不是字符串，因此您必须使用toString。例如：

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

Answer 2

对我来说，toString无效，可能已过时。但是String.fromInt做到了。

Answer 3

您也可以将其渲染为

renderGuitarStringNum = toString >> text

或

renderGuitarStringNum = text << toString