Question

我目前正在Elm中构建一个Web应用程序的一个小组件。 elm组件被编译为JavaScript文件，加载然后安装在DOM节点上。然后它应该从window.config读取配置对象。（这不是我可以改变的。）

我该怎么做？读取window.config.title中的字符串以在我的Elm组件中使用？我看过端口，但似乎要求我修改生成的JavaScript或包装它周围的东西。这是唯一的选择吗？如果是这样，我怎么才能简单地读取变量的值？

Answer 1

修改：已更新为Elm 0.19

如果您的配置在应用的生命周期内没有变化，那么使用Browser.element或Platform.worker可能最有效。

这允许您的main函数在初始化期间从Javascript接受单个值。该单个值可以是一个简单的javascript对象，也可以包含嵌套属性。重要的是在Elm中定义它的形状。

让我们说你的javascript配置如下：

<script>
  window.options = {
    foo: 123,
    nested: { bar: "abc" }
  };
</script>

为了能够将其传递到您的Elm文件中，您可以定义匹配的形状，如下所示：

type alias Flags =
  { foo : Int
  , nested : { bar : String }
  }

现在，您可以在这样的Elm文件中使用Browser.element或Platform.worker，定义init函数，将Flags作为参数：

import Html exposing (..)
import Browser
import String

main =
  Browser.element
    { init = init
    , view = view
    , update = update
    , subscriptions = subscriptions
    }

init : Flags -> (Model, Cmd Msg)
init flags =
  ( { introText = String.concat
    [ "foo is "
    , String.fromInt flags.foo
    , " and nested.bar is "
    , flags.nested.bar
    ]
    },
    Cmd.none
  )

最后一个难题是在初始化期间将Javascript配置选项传递给Elm。你的html和javascript应该是这样的（相关部分正在传递window.options作为flags的{{1}}参数）：

init()

Here is a working example on ellie-app.

从Elm读取全局JavaScript变量

1 个答案: