附加 aurelia-app 时更改正文 class

Question

很快我有两个 shells/roots：一个用于登录页面，一个用于应用程序的其余部分，并根据用户是否登录在它们之间切换。

我的 aurelia-app 附加到主体元素，但我有不同的主体类用于登录和应用程序的其余部分。

根据活动 shell 同时切换正文类的最佳方法是什么？

Answer 1

在我看来，最简单的方法是更改 main.js 文件中的正文 class。例如：

let rootComponent = '';
aurelia.start().then(a => {
  if (!app.isLoggedIn()) { //<--- example of func to check if the user is logged in
    document.body.className = "example-class-1";
    rootComponent = 'login/login'; 
  } else {
    document.body.className = "example-class-2";
    rootComponent = 'app/app';
  }
  a.setRoot(rootComponent, document.body);
});

希望对您有所帮助！

附加 aurelia-app 时更改正文 class

Change body class when it has aurelia-app attached

aurelia