嗨,我是elm的新手,想知道是否可以设置elm,只管理网站的一个部分。该网站的其余部分将是简单的JavaScript,HTML,CSS。
但我想在一个单独的脚本标签中加载已编译的elm应用程序,它应该只管理一个特定的部分
让我们说网站分为10个垂直高度为300px的div。我希望只有第3个div成为榆树应用程序。
这样的事情可能吗?如果是这样我怎么能让这个工作
你可以使用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
除了之前的答案perhps,你想看看:https://ellie-app.com/h7vqHrPdWa1/0