在視圖中顯示整數

Question

我是Giraffe的新手，很難顯示整數。 我的模特是

type Person =
    {
        FirstName   : string
        LastName    : string
        Age         : int
    }

我的看法是：

let index2 (model : Person) =
    [
        partial()
        p [] [
            encodedText model.FirstName
            br []
            encodedText model.LastName
            br []
            int model.Age
        ]
    ] |> layout

返回的錯誤消息是“列表的所有元素必須具有相同的類型。那么如何顯示年齡？

Answer 1

我對長頸鹿（而不是寓言）不太熟悉，所以我不知道該如何安裝和設置以重現它。

不過，從p [] [ ... ]來看，很明顯，該函數需要一個列表作為第二個參數，因此，那里的所有元素都應該是同一類型。

讓我們看看里面。 根據GiraffeViewEngine.fs ， encodedText返回Text ，這在XmlNode DU中是一種情況：

type XmlNode =
    | ParentNode  of XmlElement * XmlNode list
    | VoidElement of XmlElement
    | Text        of string

因此，這將設置整個列表的類型XmlNode 。

br函數定義為let br = voidTag "br" ，其中voidTag函數返回VoidElement ，這是XmlNode DU中的另一種情況，所以很好。

因此，我不知道您要通過int model.Age說什么，而int實際上是F＃中的運算符 ，用於將對象轉換為整數。 無論如何，它不會返回XmlNode類型的任何東西。 相反，嘗試

p [] [
    encodedText model.FirstName
    br []
    encodedText model.LastName
    br []
    encodedText (string model.Age)
]

因此，您將ToString的年齡，它將變為XmlNode Text大小寫，並且代碼應編譯。