fredcy/ Elm problem with default field name.md

## Elm problem with default field name.md

      
    Raw
  

               Elm problem with default field name.md
            
          
    This example demonstrates how the default field/property name somehow causes a problem when
passing data into an Elm application through a port.

  
## Main.elm
import Html exposing (..)

type alias Info = { default : String, default1 : String }

main : Html
main =
  -- Access and display both fields as obtained through the port to show how the
  -- "default" field value does not get through.
  let m = startingState
      val = ( m.default, m.default1 )
  in
    div []
        [ div [] [ startingState |> toString |> text ]
        , div [] [ val |> toString |> text ]
        ]

port startingState : Info

## test.html
<!DOCTYPE HTML>
<html>
    <head>
        <title>Default test</title>
        <script type="text/javascript" src="elm.js"></script>
    </head>
    <body>
        <h1>Default test</h1>
    </body>
    <script>
    var startingState = { 'default' : 'foobar', 'default1' : 'larry' };
    var test = Elm.fullscreen(Elm.Main, { startingState: startingState });
    </script>
</html>
	import Html exposing (..)

	type alias Info = { default : String, default1 : String }

	main : Html
	main =
	-- Access and display both fields as obtained through the port to show how the
	-- "default" field value does not get through.
	let m = startingState
	val = ( m.default, m.default1 )
	in
	div []
	[ div [] [ startingState \|> toString \|> text ]
	, div [] [ val \|> toString \|> text ]
	]

	port startingState : Info
	<!DOCTYPE HTML>
	<html>
	<head>
	<title>Default test</title>
	<script type="text/javascript" src="elm.js"></script>
	</head>
	<body>
	<h1>Default test</h1>
	</body>
	<script>
	var startingState = { 'default' : 'foobar', 'default1' : 'larry' };
	var test = Elm.fullscreen(Elm.Main, { startingState: startingState });
	</script>
	</html>