作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
您好,我是 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
关于Elm 管理站点的特定部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50149280/
我是一名优秀的程序员,十分优秀!