如何将数据从ASP.NET WebForms传递到Aurelia Global Scope

Question

我从基于Web表单的遗留应用程序引导Aurelia.我的身份验证相关信息在Custom Base Page类的Web表单应用程序中维护.

如何将此身份验证信息传递和维护到Aurelia的全球范围？这样我可以在使用路径构建菜单时使用它来显示/隐藏基于用户/角色的某些菜单项？

Answer 1

您可以将逻辑放在自定义基页上,以便将<script>标记添加到文档的头部,从而使javascript应用程序可以使用所有信息:

<head>
  ...
  <script>
    window.appInfo = {
      user: 'foo',
      bar: 'baz'
    };
  </script>
</head>
<body aurelia-app="main">
  ...

然后在您的aurelia应用程序中,您可以根据需要访问此信息:

export class App {
  constructor() {
    let info = window.appInfo;
    // do something with the app info...
  }
  ...
}

您甚至可以在容器中注册该对象,使您能够将其声明为依赖项.这将使您的代码更具可移植性和可测试性.

在main.js中: aurelia.container.registerInstance('app-info', window.appInfo);

@inject('app-info')
export class App {
  constructor(info) {
    // do something with the app info...         
  }
  ...
}