javascript - 如何将(调试与发布)args 传递给 Asp.Net MVC 中的 Aurelia 应用程序

Question

您将如何将 Debug 与 Release 参数传递给 Aurelia 应用程序？

就我而言，我在 MVC 应用程序中安装了 Aurelia。我想根据我的 web.config 值为 Aurelia 配置一些参数(URL 等)。

有什么办法可以做到:

<script src="~/Aurelia/jspm_packages/system.js"></script>
<script src="~/Aurelia/config.js"></script>
<script>
   System.import('aurelia-bootstrapper', @this.ViewBag.MyArgs);
</script>

哪里 this.ViewBag.MyArgs 会包含从 MVC 加载的参数？

然后我可以在我的 Aurelia 服务中使用这些参数，例如

this.httpClient.configure(x => {
   x.withBaseUrl(globalArgs.myBackendUrl);
});

Answer 1

将您的配置字符串注册为模块:

index.html

<script src="~/Aurelia/jspm_packages/system.js"></script>
<script src="~/Aurelia/config.js"></script>
<script>
   // register a module named "my-args" that has a single export:  "MyArgs" whose value is whatever the viewbag.MyArgs contains...
   System.set('my-args', System.newModule({ MyArgs: '@this.ViewBag.MyArgs' }));

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

此处假设 razor 会将 { MyArgs: '@this.ViewBag.MyArgs' } 扩展为 @this.ViewBag.MyArgs 返回的内容。 . 例如 { MyArgs: 'debug=true' } 或其他东西......你必须尝试一下那部分。

然后在您的 javascript 代码中，您将能够像这样访问 args:

import {MyArgs} from 'my-args';

这是一个有效的 plunker:

http://plnkr.co/edit/Scu8bN?p=preview

这是关于 System.set API 的文档:

https://github.com/systemjs/systemjs/blob/master/docs/system-api.md#systemsetmodulename-module