f# - Websharper : Using LI tags

Question

我想创造这样的东西:

<ul>
    <li>menu1
         <ul>
             <li>sub-menu1</li>
         </ul>
    </li>
    <li>menu2</li>
</ul>

所以我使用 WebSharper 编写了以下代码:

let el =
        UL [
            LI [
                Text "menu1"
                UL [
                    LI [Text "sub-menu1"]
                ]
            ]
            LI [Text "menu2"]
        ]

但它说

UL [
    LI [Text "sub-menu1"]
]

应该有类型 IPagelet但目前有类型 Element .

有没有人知道如何使用 WebSharper 在 li 元素下放置文本+其他内容？

编辑:只是说我在 stakc 上有一个错误，我无法评论或接受@Tarmil 的回答...

Answer 1

这里的问题是同一个列表中的两个元素，Text "menu1"和 UL [...] , 有类型 IPagelet和 Element分别。 Element是 IPagelet 的子类型，所以这应该可以工作，但不幸的是 F# 类型推断在这种情况下有一些困难。所以你需要通过类型转换 UL [...] 来帮助它至 IPagelet :

let el =
    UL [
        LI [
            Text "menu1"
            UL [
                LI [Text "sub-menu1"]
            ] :> IPagelet
        ]
        LI [Text "menu2"]
    ]

事实上，如果组合子的类型为 seq<IPagelet> -> Element，这个问题就会被消除。而不是 seq<#IPagelet> -> Element .我们可能会在 future 将它们更改为那个，但由于这将是一个重大更改，我们将保留它以用于下一个主要版本。