एल्म: सबमिट पर स्पष्ट फॉर्म

Question

मेरे पास एक फ़ील्ड के साथ एक साधारण रूप है। मैं फॉर्म जमा करने पर फ़ील्ड को साफ़ करना चाहता हूं। मैं अपने मॉडल को अपने अपडेट फ़ंक्शन में साफ़ कर रहा हूं, लेकिन टेक्स्ट इनपुट में टेक्स्ट बना हुआ है।

type alias Model = 
    { currentSpelling : String } 

type Msg 
    = MorePlease 

update : Msg -> Model -> (Model, Cmd Msg) 
update msg model = 
    case msg of 
     MorePlease -> 
      ( log "cleared spelling: " { model | currentSpelling = "" } 
       , fetchWord model.currentSpelling) 

view : Model -> Html Msg 
view model = 
    div [] 
     [ Html.form [ onSubmit MorePlease ] 
      [ input [ type' "text" 
        , placeholder "Search for your word here" 
        , onInput NewSpelling 
        , attribute "autofocus" "" 
        ] [] 
      , text model.currentSpelling 
      , input [ type' "submit" ] [ text "submit!" ] 
      ] 
     ] 

textmodel.currentSpelling प्रदर्शित बाहर साफ करता है जब मैं अद्यतन समारोह के साथ इसे खाली है, लेकिन टेक्स्ट इनपुट बॉक्स आबादी बनी हुई है। कोई विचार यह कैसे साफ़ करें?

fetchWord एक HTTP कॉल करता है, लेकिन यह यहां छोड़ा गया है।

Answer 1

value model.currentSpelling इनपुट तत्व के गुणों में जोड़ें। इस तरह आप एचटीएमएल में इनपुट तत्व के अंदर स्ट्रिंग को नियंत्रित कर सकते हैं।