Elm 管理站点的特定部分

Question

您好，我是 elm 的新手，想知道是否可以将 elm 设置为仅管理网站的一个部分。站点的其余部分将是普通的 javascript、html、css.

但我想在一个单独的脚本标签中加载编译后的 elm 应用程序，它应该只管理一个特定的部分

让我们假设网站 divided into 10 divs vertically of height 300px.我只希望第 3 个 div 成为榆树应用程序。

这可能吗？如果是这样我怎样才能让它工作

Answer 1

您可以为此使用 Html 包 embed 功能。我曾经这样做只是为了尝试一下，但不幸的是不记得它的任何细节。不过我确实找到了一些源代码。

html 页面应该是这样的

<html>
  <head>
  </head>
  <body>
    <div id="personnel"></div>
  </body>

  <script src="elm.js"></script>
  <script>
    Elm.Person.embed(document.getElementById('personnel'));
  </script>
</html>

通过包含 elm.js，您将获得 Elm 运行时。这里 Person 是我编译的 Elm 模块。像

module Person exposing (..)

-- Module details here...

main =
  Html.beginnerProgram { model = init, view = view, update = update }

使用命令

将 Elm 代码编译为 JavaScript

elm-make Person.elm --output elm.js

我对此的了解非常有限，但我确实对其进行了足够的调查，以确保通过这样做，可以将多个使用 Elm 制作的组件添加到 html 页面/现有应用程序中。

附录： 我找到了 source of my information

Answer 2

除了之前的回答，您或许还想看看： https://ellie-app.com/h7vqHrPdWa1/0

Elm 管理站点的特定部分

Elm to manage a particular section of a site

elm