动态提供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

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

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

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