如何使用 Elm 和 elm-mdl 为输入分配一个 id？

Question

有没有办法使用 elm-mdl 将 id 分配给输入（如 Textfield）？我尝试了以下方法：

Textfield.render Mdl [0] model.mdl
  [ Material.Options.id "my-id" ]

问题是将 my-id 指定为包装 <div>:

的 id

<div id="my-id" class="mdl-js-textfield mdl-textfield">
  <input class="mdl-textfield__input" type="text" style="outline: none;">
</div>

我需要实际的 input 有一个 id。

Answer 1

根据他们的文档，您可以使用 Material.Option.attribute。

试试这个：

Textfield.render Mdl [0] model.mdl
  [ Material.Options.attribute <| Html.Attributes.id "my-id"
  ]

Answer 2

Michael Combs 在他的 elm-mdl 分支上回答了这个问题。我完全忽略了 Options.inner 中的 package API docs for Material.Options:

Textfield.render Mdl [0] model.mdl
  [ Options.inner
    [ Options.id "my-id" ]
  ]

How to assign an id to an input with Elm and elm-mdl?