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...
  }
}

在我看来非常方便。我希望它有所帮助！