Angular2 styleUrls 외부 스타일을로드하지 않음

Question

angular2 애플리케이션에서 작업하면서 공개 콘텐트 및 관리 콘텐트에 대해 다른 스타일을로드 할 수 있기를 원했습니다. 그러나 전체 URL을 사용하여 외부 소스에서로드 스타일에 필요한 임의의 다른 구성이, 각도가 외부 소스 예상대로 작동하지 않는 코드 위

@Component({styleUrls:["http://url_to_external_styles"]}) 

에서로드 스타일을 무시하는 것 같다? 구성 요소를 기준으로 스타일을로드하면 콘텐츠 서버에서로드하는 데 더 많은 관심이 있지만 100 % 작동합니다.

Answer 1

당신은 구성 요소의 뷰 캡슐화 해제해야합니다 형태의 그 점점 오류의

@Component({ 
    styleUrls:["http://url_to_external_styles"], 
    encapsulation: ViewEncapsulation.None 
}) 

https://angular.io/docs/ts/latest/guide/component-styles.html#!#view-encapsulation

Answer 2

를 "모듈을 찾을 수 없습니다 : 오류 : 확인할 수 없습니다 './the- URL-의-AN-외부 스타일 시트 '', 여기에 나를 위해 일한 내용은 다음과 같습니다

:

여기

는 Angular documentation이 styleUrls 배열의 URL에 대한 말을하는거야

The URL is relative to the application root, which is usually the location of the index.html web page that hosts the application.

스타일 시트를로드하려면 로컬 CSS 스타일 시트를 만들고 @ import 문을 맨 위에 추가하십시오. 예를 들어, "http://url_to_external_styles"에 스타일 시트를 추가하려면 src/app/my-component.component.css 파일을 만들 수 있습니다. 그럼 당신은 SRC/응용 프로그램/내 - component.component.css의 첫 번째 줄에 다음을 추가 할 수 있습니다 : 당신은 위에 인용 한 각 문서의 링크를 따라 @import에 대한 자세한 내용을 찾을 수 있습니다

@import "http://url_to_external_styles"; 

.