如何从Elm的Html.Attribute中提取值

Question

我想用Elm语言阅读Html.Attribute时遇到问题。我想制作一个如下所示的自定义标签；

myTag : List ( Html.Attribute msg ) -> List ( Html msg ) -> Html msg
myTag attributes children = 
    -- case attributes has "src" show button with image
    -- otherwise show normal button

因此，当我调用myTag时，如果我指定了src，则会自动获得带有图像的按钮，例如；

myTag [ src="somepic.jpg" ][]  -- show a button with image

或

myTag [][]                     -- show a normal button

我尝试调试以查看“ Html.Attribute”内部的内容。它包含( a2 "<tag-name>" <tag-value> )或( a3 "<tag-name>" <tag-value> )之类的内容。但是，我不知道如何提取"<tag-name>"，我认为这是从这些值中提取的字符串

Answer 1

Html.Attribute类型是不透明的。您无法从中提取任何信息以在Elm应用程序中使用，因为该软件包无法从Elm代码中提取数据或检查Html.Attribute值。

[是，您可以使用JavaScript调试器来查看Elm代码如何编译为Javascript，但这对从Elm代码中解构Attribute类型没有多大帮助。

如果您要检查属性，我建议改用Attribute作为属性参数：

Dict String String