Angular.dart - 구성 요소에 스타일을 적용 할 수 있습니까?

빠른 질문 : angular.dart 구성 요소에 덜 스타일을 추가 할 수 있습니까? CSS에 컴파일하지 않고 런타임에 실행하면 좋을 것입니다. 그림자 DOM 구성 요소의 구조로 인해 어려울 수 있습니다. 어떻게 생각하십니까?Angular.dart - 구성 요소에 스타일을 적용 할 수 있습니까?

편집이
이 내가 구성 요소 파일에 도달하고 싶은 것입니다 :

@Component(
    selector: 'sample', 
    templateUrl: 'sample/sample_component.html', 
    cssUrl: 'sample/sample_component.less' 
) 
class SampleComponent {

출처

2014-12-04 Kuba T

가 특정 질문에 대답하기 위해 - 그러나 아니, 그것은과 원하는 효과를 달성하는 것이 가능 올바른 툴링. 필자는 적은 비용으로 구성 요소에 대한 CSS를 작성했습니다.이 구성 요소는 자동으로 시청되고 IDE (WebStorm)로 컴파일되었습니다. 귀하의 경우에는

, 당신은 sample/sample_component.less 파일을 편집 할 것이며, 그것을 절약에, 그것은 CSS로 컴파일합니다. 구성 요소는 컴파일 된 sample/sample_component.less을 참조합니다. 앞에서 언급했듯이 WebStorm은 나를 위해 파일을 보았지만 IDE를 사용하지 않고이를 수행 할 수있는 방법이 있어야합니다.

출처

2014-12-04 19:11:20

예 저는 IDE 또는 명령 줄에서 시계로 확인할 수 있음을 알고 있습니다. 하지만 excaclty가'cssUrl' 속성을 수행하는지는 생성 된 HTML에서 알지 못합니다. 섀도 잉 된 컴포넌트 컨텐츠에서 CSS 파일 configs 만 볼 수 있습니다. 어쩌면 변압기를 사용할 수 있을까요? –

cssUrl 속성 AFAIK는 구성 요소의 CSS를 가져올 위치를 알려줍니다. css로 파일을 컴파일 할 수있는 변환기를 만드는 것이 가능합니다 (사소하지는 않지만). Angular는 템플릿 캐싱을 수행하지만 구성 요소의 CSS를 캐시하는지는 확실하지 않지만 이러한 목적으로 변압기를 사용하려는 시도는 방해 될 수 있습니다. –

Angular.dart - 구성 요소에 스타일을 적용 할 수 있습니까?

답변

관련 문제