Question

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

我如何通过＆amp;将此身份验证信息保留在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...         
  }
  ...
}