angular2 구성 요소 styleUrls 제대로

나는 angular2 구성 요소가 반환 값으로 CSS 클래스 이름이 필요한 API입니다. 난 아무데도 내 제 3 자 컨트롤에서 노란색에 표시 표시되지 않습니다angular2 구성 요소 styleUrls 제대로

function className() { 
    return 'yellow'; 
}

다음과 같이

하는 기능입니다.

이 코드는 일반적으로 올바르게 코딩되어 있습니까?

출처

2017-04-13 reza

제게 최소한 프로그램의 구조가 무엇인지, 제 3 자 컨트롤 및 API의 의미는 무엇인지, 그리고 className()이 사용 된 용도와 용도에 대해 명확하지 않습니다. jsfiddle/plunker/codepen을 넣을 수 있습니까? – elpddev

오픈 소스 그리드 컨트롤을 사용하고 있습니다. 사용자 정의 API를 사용하여 제어/구성합니다. API 함수 중 하나는 행 색상을 사용자 정의하기 위해 클래스 이름을 수신해야합니다. 그것은 CSS 클래스 이름입니다. 도움이되기를 바랍니다. Plunker는 그리드 소스 등을 필요로하기 때문에 적당하지 않습니다. – reza

CSS 파일이 실제로로드되지 않으면 브라우저의 dev 도구를 체크인 할 수 있습니다. 그렇다면 요소 관리자에서 사용자 정의 그리드 구성 요소의 행에 어떤 클래스를 넣었는지, 그리고 원하는 클래스에 맞는지 확인할 수 있습니다. 그것들에 대한 답을 알면 무슨 일이 일어나는지 이해하는 데 도움이 될 수 있습니다. – elpddev

이 구문 :

styleUrls: ['./lastRow.css']

는이 구성 요소와 관련된 템플릿의 스타일을 정의합니다. 구성 요소 내에서 정의한 함수입니까? 그렇지 않은 경우 스타일을이 방식으로 정의 할 수 없습니다. 대신 앱의 스타일을 정의해야합니다.

여기에 각도 문서 : https://angular.io/docs/ts/latest/guide/component-styles.html은 응용 프로그램의 스타일을 정의하는 방법을 안내합니다.

출처

2017-04-14 00:29:06 DeborahK

함수는 컴포넌트 클래스에서 yes로 정의했지만 입력 매개 변수로 사용할 타사 컨트롤로 전달됩니다. 그래서 그것은 효과가 있어야합니다. 아니? – reza

angular2 구성 요소 styleUrls 제대로

답변

관련 문제