动态提供 Aurelia 视图模型实例

Question

我正在寻找一种在运行时为任何视图动态提供视图模型的方法。问题是 ViewEngine 或视图模型加载器/工厂中是否有我可以用来执行此操作的钩子。

我正在考虑桥接 WebAssembly 并允许用其他语言编写视图模型，我想在 Javascript 端创建自动互操作视图模型，以便 Aurelia 正常工作。

Answer 1

这是完全可行的，许多人已经使用 Aurelia 成功交付了他们的超动态应用程序，因为 Aurelia 中的几乎所有东西都是动态的。

例如：

• 动态的、基于实例的内联视图：https://codesandbox.io/s/r0no20706p（基于此话题https://discourse.aurelia.io/t/template-literals-in-class-instance/1829/6）

• 动态、远程查看策略：https://codesandbox.io/s/8ljmrq3vql（基于 github 问题）

• 动态的、基于路由的视图模型：https://codesandbox.io/s/ywyj60p9qj（基于此话语https://discourse.aurelia.io/t/ideas-on-data-driven-ui-composition-vs-previous-angularjs-approach/2269/3

基本上归结为使用来自CompositionEngine 的.compose 方法：

compositionEngine.compose({
  viewModel:
    string // as module path
    | Function // as constructor
    | object // as instance
})

并确保视图可从视图模型中解析。