Aurelia在初始化时发送配置/参数aurelia-app

Question

有没有办法在初始化Aurelia应用时发送配置参数？

<div aurelia-app="my-app/main"></div>

这就是我如何启动我的aurelia应用程序，然后

<script>
  System.import('aurelia-bootstrapper');
</script>

我想做一些类似的事情：

<div aurelia-app="my-app/main" param1="something" param2="false"></div>

现在，我将它们设置为data-param1属性，然后像Element.dataset.param1一样在控制器中获取这些值

有没有更好的方法呢？

Answer 1

我找到了一种方法，我认为它工作得很好。当我使用SystemJS时，我发现在初始化我的Aurelia应用程序时，我可以这样做：

System.set('my-config', System.newModule({
  Params: {
    param1: true,
    param2: 'something',
    param3: [
      {
        name: 'whatever',
      },
    ]
  }
}));

System.import('aurelia-bootstrapper');

然后，Params模块在整个应用程序中都可用，所以我可以导入并使用它：

import {inject} from 'aurelia-framework';
import {Params} from 'my-config';

@inject(Params)
export class MyComponent {
  constructor(params) {
    //params.param1 etc...
  }
}

在我看来，这很方便。我希望它能有所帮助！