ボタンのクリックで更新機能が呼び出されない

Question

ボタンをクリックしても更新機能が呼び出されません（メッセージを送信する必要があります）。

はここでonClickイベントで機能を起動する必要があり、コードです：

[ input [ type_ "submit", onClick TopicSelected, value (getTopic topic) ] [] 

ここUpdate関数です：

：

update : Msg -> Model -> Model 
update msg model = 
    case msg of 
     TopicSelected -> 
      { model 
       | articles = [] 
       , podcasts = [] 
       , videos = [] 
      } 

view model = 
    div [] 
     [ table [] 
      [ tr [] [ td [] [ b [] [ text "Videos" ] ] ] 
      , div [] <| contentUI model.videos 
      , tr [] [ td [] [ b [] [ text "Podcasts" ] ] ] 
      , div [] <| contentUI model.podcasts 
      , tr [] [ td [] [ b [] [ text "Articles" ] ] ] 
      , div [] <| contentUI model.articles 
      ] 
     ] 

ここではそのルートはその後、onClickイベント全体の機能があります

topicTocheckbox : Topic -> Html Msg 
topicTocheckbox topic = 
    div [] 
     [ input [ type_ "submit", onClick TopicSelected, value (getTopic topic) ] [] 
     , label [] [ text <| getTopic topic ] 
     ] 

code can be found on GitHub。

Answer 1

あなたのコードを見ると、Home.elmのContributor.elmのネストされた「コンポーネント」を使用しようとしていますが、親（ホーム）アップデート機能では配線していません。

これはElmコミュニティの広範かつ議論のあるトピックです。典型的な推奨事項は、絶対に必要でない限り、このようなネストを避けることです。

あなたは絶対にこのように入れ子にする必要がある場合は、あなたのコードは次のようにupdate例のバリエーションを振りかけされます。

type ParentMsg 
    = ... 
    | ChildMsg Child.Msg 

type alias ParentModel = 
    { ... 
    , child : Child.Model 
    } 

case msg of 
    ChildMsg childMsg -> 
     let (childModel, childCmd) = Child.update childMsg model.child 
     in { model | child = childModel } ! [ Cmd.map ChildMsg childCmd ] 

あらゆる層のネストでは、あなたが子供を配線する必要があります状態と子のメッセージとCmdsを前後に渡します。

これは、あなたのコードで貢献者のリストを扱っているということです。これは、あなたが編集しているリストのどの寄稿者であるかを知るためにインデックスを渡す必要があることを意味します（here is a minimal example of updating model array elements）。

エルムはリファクタリングを簡単にすることができます。