我正在学习榆树,我正在尝试使用类型来更好地描述我的领域。但我被困在这里:我不能使用数字文字作为类型/类型别名?有没有一种“elmish 方式”来做到这一点?
module Main exposing (main)
import Browser
import Html exposing (Html, button, div, text)
import Html.Events exposing (onClick)
type alias Model =
{ pos : Int }
type Up = 1
type Down = -1
type Direction = Up | Down
type Msg
= Go Direction
initialModel : Model
initialModel =
{ pos = 0 }
update : Msg -> Model -> Model
update msg model =
case msg of
Go Up ->
{ model | pos = model.pos + Up }
Go Down ->
{ model | pos = model.pos + Down }
view : Model -> Html Msg
view model =
div []
[ button [ onClick Go Up ] [ text "+1" ]
, div [] [ text <| String.fromInt model.count ]
, button [ onClick Go Down ] [ text "-1" ]
]
main : Program () Model Msg
main =
Browser.sandbox
{ init = initialModel
, view = view
, update = update
}
Run Code Online (Sandbox Code Playgroud)
(埃利链接:https ://ellie-app.com/7HRDRKHRCFDa1 )
为了使用Upand Downwith operator +,它们必须是值,而不是类型——与另一个操作数具有相同类型的值。因此,将它们定义为类型常量Int:
up : Int
up = 1
down : Int
down = -1
Run Code Online (Sandbox Code Playgroud)
然后你可以把你的update函数写成:
update : Msg -> Model -> Model
update msg model =
case msg of
Go Up ->
{ model | pos = model.pos + up }
Go Down ->
{ model | pos = model.pos + down }
Run Code Online (Sandbox Code Playgroud)
有关完整的工作代码,请参阅此 Ellie。我所做的唯一其他更改是对按钮的更改onClick——它需要onClick <| Go Up告诉编译器这Up是 的参数Go,结果是 的参数onClick。