如何将Int转换成HTML

Question

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

但我陷入困境：我不知道如何将 Int值转换为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做到了。