Elm-spa.dev -- how to access global model in a page view?

cbrake · February 24, 2020, 10:50pm

Hi,

I’m learning https://www.elm-spa.dev and find it very helpful to understanding how to set up multi-page apps in Elm.

I do have one question – if I want to access data in the global model in a page view, how do I do that?

For example:

ryannhg/elm-spa/blob/master/examples/complex/src/Pages/SignIn.elm

module Pages.SignIn exposing (Model, Msg, page)

import Spa.Page
import Components.Button
import Utils.Styles as Styles
import Element exposing (..)
import Element.Border as Border
import Element.Font as Font
import Element.Input as Input
import Generated.Params as Params
import Global
import Html exposing (Html)
import Html.Attributes as Attr
import Html.Events as Events
import Utils.Spa exposing (Page)


type alias Model =
    { username : String
    , password : String

This file has been truncated. show original

only the page model is passed into the view. Is there any way to access the global model, or am I thinking about this wrong?

Thanks,
Cliff

cc: @RyanNHG

G4BB3R · February 25, 2020, 12:22am

Remove the always function from line 41, then you have access to PageContext and can use the view this way:

view : Utils.Spa.PageContext → Model → Element Msg
view { global, route, queryParameters } model =

cbrake · February 25, 2020, 2:33am

ahh yes, and it is documented, which I missed:

Thanks a lot!

system · March 6, 2020, 2:33am

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
How can I use a global model in a SPA? Request Feedback	5	973	May 10, 2020
Is it possible to use multiple Models(State) in Elm Learn	3	981	October 25, 2022
Modelling pages and their data Request Feedback	7	870	April 19, 2019
Elm-spa - 5 calls for every page update Learn	2	558	September 9, 2022
Example of shared model in elm-spa Learn	3	620	September 24, 2022

Elm-spa.dev -- how to access global model in a page view?

Related Topics