Angular에서 태그에 CSS 스타일 바인딩하기
HTML 요소에 특정 스타일 세트를 설정할 수도 있습니다. 이것은 ngStyle 지시자를 사용하여 수행됩니다. 이 지시자에는 CSS 속성과 그 값이 포함된 객체를 전달해야 합니다.
한번 시도해 봅시다:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
다음 객체가 주어졌습니다:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
이 객체를 사용하여 어떤 태그든 스타일링하세요.
