Elm：如何在HTML select元素中保留值的类型？

Question

在AngularJS中，ng-options允许指定任何值的数组，而不仅仅是字符串，并保留类型。例如，我可以使用ng-options在整数数组上创建HTML select。当选择选项时，将整数值放入模型中，无需进行字符串到整数的转换。

在Elm中，选项的value属性仅接受字符串，因此select的onInput事件会返回一个字符串。然后我必须手动将其转换为整数。

Elm是否有与AngularJS的ng-options相当的功能？或者有没有办法使用具有任意、甚至非标量值的select？

- jchamberlain

---

嗯，我不确定你是否想要使用它，但我已经通过博客和软件包的形式对这个问题进行了练习。 - toastal

Answer 1

实际上没有一种简单的方法来做到这一点。您需要从字符串解析为所需的类型，然后再进行转换。您可以使用基于Prism的API包装一个<select>。

给我几个小时，下班后我会写一个小型库来实现这个... :D

编辑：

包 - http://package.elm-lang.org/packages/toastal/select-prism/latest

博客文章 - https://toast.al/posts/softwarecraft/2017-01-13_playing-with-prisms-for-the-not-so-isomorphic

- toastal

---

这非常有帮助。我是 Elm 的新手，还没有接触过 Prism，所以我一定会更深入地研究它。感谢您的博客文章！ - jchamberlain

拿这句话当成一个参考意见。光学并不被一些FP人认为是最佳实践，而其他人则喜欢它。你可以很容易地重新实现这个库，通过显式的获取/设置参数而不是传递一个Prism，但是学习新东西的乐趣何在？？ - toastal

Answer 2

你可能也会对我的elm-select辅助库感兴趣。它没有Prism / Lens那么酷炫的功能，但在某些情况下可能更简单：

完整示例代码如下： https://github.com/lgastako/elm-select/blob/master/src/Main.elm

请点击以下链接获取更多信息： http://package.elm-lang.org/packages/lgastako/elm-select/1.0.0/Select

- John

---

那也很不错。我很生气你认为镜头和棱镜很“酷”。 :) - toastal

太好了！我会接受@toastal的答案，因为它很深入，但说实话，我最终可能会使用你的库，因为它非常简单。谢谢！ - jchamberlain