Question

嗨，我是elm的新手，想知道是否可以设置elm，只管理网站的一个部分。该网站的其余部分将使用简单的javascript，html，css。

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

让我们说网站分为10个垂直高度为300px的div。我希望只有第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

除了之前的答案perhps，您还想了解一下： https://ellie-app.com/h7vqHrPdWa1/0

榆树管理网站的特定部分

2 个答案: