aurelia-app가 부착 된 바디 클래스 변경

Question

간단히 말해서 두 개의 셸/루트가 있습니다. 하나는 로그인 페이지 용이고 다른 하나는 응용 프로그램에 대한 것이고 사용자가 로그인 한 상태에서 전환합니다.

My aurelia-app가 body 요소에 연결되어 있지만 로그인과 나머지 응용 프로그램에 대해 고유 한 본문 클래스가 있습니다.

활성 셸에 따라 바디 클래스를 전환하는 가장 좋은 방법은 무엇입니까?

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

희망이 있습니다.