각도 앱 전체에 오버레이를 추가하는 방법은 무엇입니까?

Question

로그인 화면이 대시 보드 UI와 완전히 다르게 보이는 디자인이 있습니다. 사용자가 로그인하면 대시 보드가 표시되어 사물을 제어 할 수 있습니다.

이제 로그인 화면은 양식 상자가 가운데에있는 전체보기를 차지합니다. 일단 사용자가 로그인하면 그는 대시 보드로 이동합니다.

현재 접근 방식에서는 별도의 각도 앱과 대시 보드로 로그인을 유지했습니다. 사이드 바 및 헤더를 제외한보기가 변경되어 대시 보드의보기가 변경됩니다.

현재 전체 로그인 화면은 별개의 앱입니다. 사물을 다루는 데 별 다른 생각이 없으므로 전체 화면을 차지하고 사용자가 로그인 할 때 오버레이가있을 수 있습니까?

Answer 1

물론입니다. 몇 가지 옵션이 있습니다. 어떤 사람들은 성공적으로 로그인이 완료되거나 토큰이 저장 될 때까지 /login 경로로 강제 전환합니다. 다른 옵션은 z- 인덱스가 가장 큰 풀 사이즈의 절대 위치 컨테이너를 사용하여 주요 index.html. 무언가가 바뀔 때까지, 그것은 여러분 모두가 보게 될 것입니다. 그런 다음 ng-If을 사용하여 로그인이 완료되고보기 모델의 속성이 업데이트되면 해당 컨테이너를 제거하십시오 (예 : navModel.loginComplete=true;

).