当附加aurelia-app时更改body类

Question

我很快就有两个shell / root：一个用于登录页面，另一个用于应用程序的其余部分，并且在用户登录或未登录的情况下在它们之间切换。

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

根据活动shell还可以切换体类的最佳方法是什么？

Answer 1

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

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);
});

希望这有帮助！