배열의 요소를 각도로 전달하는 이유는 무엇입니까?

@Component({ 
    selector: 'app-course', 
    templateUrl: './course.component.html', 
    styleUrls: ['./course.component.css'], 
    styles:[ 
    ` 


    `], 
})

각도가 다른 템플릿의 구성 요소에 배열의 스타일을 전달하는 이유는 무엇입니까?배열의 요소를 각도로 전달하는 이유는 무엇입니까?

출처

2017-09-16 Abhi

구성 요소에 여러 CSS 파일을 추가 할 수 있기 때문에 –

StyleUrls는 배열이므로 구성 요소에 여러 스타일을 추가 할 수 있습니다. 자세한 내용은 구성 요소 스타일에 대한 officiel 설명서를 참조해야합니다. https://angular.io/guide/component-styles –

자세한 내용을 읽고 주어진 예제를 살펴 보려면 this을 참조하십시오. 배열로 component에 여러 CSS 스타일을 추가 할 수 있습니다. 당신이 구성 요소를 사용하면 여러 스타일을 추가 할 수 있도록 예를 들어 ,

@Component({ 
    selector: 'hero-app', 
    template: ` 
    <h1>Tour of Heroes</h1> 
    <h2>Sub Heading</h2> 
    <hero-app-main [hero]=hero></hero-app-main>`, 
    styles: ['h1 { font-weight: normal; font-size: 20px; }', 'h2 { font-size: 14px; }'] 
}) 
export class HeroAppComponent { 
/* . . . */ 
}

출처

2017-09-16 15:15:02 amal

내가 알기로는 템플릿의 인라인 스타일의 경우와 달리 배열로 전달하는 이유가 궁금합니다. – Abhi

StyleUrls은 배열입니다. 자세한 내용은 구성 요소 스타일에 대한 officiel 설명서를 참조해야합니다. Components style documentation

출처

2017-09-16 15:15:05

당신의 요점을 이해하지만 제 질문은 우리가 템플릿 인라인 스타일의 경우와 달리 배열로 전달하는 이유입니다. – Abhi

템플릿의 경우 구성 요소마다 하나의 HTML 템플릿 파일 만 사용할 수 있습니다. 그러나 스타일의 경우 특정 구성 요소에이 여러 개있는 CSS 파일 을 추가 할 수 있습니다.

출처

2017-09-16 18:54:35 monica

styleUrls에 여러 CSS 파일을 바인딩 할 수 있다는 것에 동의하지만 스타일이있는 경우 여러 CSS 속성이 포함 된 단일 스타일을 전달하는 경우 왜 배열로 전송합니까? – Abhi

배열의 요소를 각도로 전달하는 이유는 무엇입니까?

답변

관련 문제