각도 응용 스타일링

Question

프론트 엔드에 각도와 부트 스트랩이있는 응용 프로그램을 구축하고 있습니다. 기본적으로 로그인 한 후 방문 페이지, 로그인 및 대시 보드가 있습니다.

질문은 응용 프로그램간에 스타일 시트를 처리하는 방법에 관한 것입니다. 랜드 페이지와 대시 보드는 완전히 다른 스타일을 가지고 있습니다. 방문 페이지는 this이고 대시 보드는 this image처럼 보입니다.

내가 응용 프로그램의 각 부분을 처리하기 위해 다른 CSS 파일을 만들었어요 지금은 각 응용 프로그램에 참여하기 위해 노력하고 있어요,하지만 난 각-cli.json의 스타일 배열에 그 CSS 파일을 추가 할 경우, 모서리가 색인에 모두 추가됩니다. 그러면 클래스 충돌과 대시 보드의 파일이 착륙하게됩니다. 반대의 경우도 마찬가지입니다.

이 상황을 해결하는 데 도움을 주시면 감사하겠습니다.

Answer 1

일반적으로 당신의 구성 요소는

@Component({ 
    selector: 'app-component-uno', 
    templateUrl: './app-component-uno.html', 
    styleUrls:['./app-component-uno.css'] //<--this 
}.....) 

component.there에 충돌하지 않습니다 속하는 CSS는 같은 것입니다. 캡슐화를 사용하는 경우 충돌을 일으키는 유일한 방법은 ViewEncapsulation.None,

입니다.