如何在Elm的同一頁面多次加載帶有標誌的組件？

有沒有辦法用Elm爲頁面構建組件，並在同一個Elm文件中編譯兩個組件，以及使用相同的代碼加載兩次相同的組件？如何在Elm的同一頁面多次加載帶有標誌的組件？

你知道我該怎麼做嗎？

2017-07-07 Natim

elm-make讓你選擇你想一起編譯的多個文件。

elm-make Header.elm Footer.elm Button.elm --output=app.js

Header.elm

port module Header exposing (..) 

import Html 


main = 
    Html.div [] [ Html.text "Header" ]

Footer.elm

port module Footer exposing (..) 

import Html 


main = 
    Html.div [] [ Html.text "Footer" ]

Button.elm

port module Button exposing (..) 

import Html 


main = 
    Html.div [] [ Html.button [] [ Html.text "Button" ] ]

的index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Elm Demo</title> 
    </head> 

    <body> 
    <div id="header"></div> 
    <div id="button"></div> 
    <div id="button2"></div> 
    <div id="footer"></div> 
    </body> 
    <script src="app.js"></script> 
    <script> 
     let header = Elm.Header.embed(document.getElementById("header")); 
     let footer = Elm.Footer.embed(document.getElementById("footer")); 
     let button = Elm.Button.embed(document.getElementById("button")); 
     let button2 = Elm.Button.embed(document.getElementById("button2")); 
    </script> 
</html>

來源

2017-07-07 21:28:42 Natim

關於標誌，你可以使用'Html.programWithFlags'並傳遞標誌作爲第二個參數爲'嵌入（）' – Natim

如何在Elm的同一頁面多次加載帶有標誌的組件？

回答

相關問題