웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
AngularJS에서 태그 요소에 바로 CSS 스타일을 추가하기 위한 방법으로 ngStyle 디렉티브를 사용할 수 있습니다.
만약 아래와 같은 스타일을 다음과 같은 방법으로 추가하는 것이 가능합니다.
해당 스코프가 myStyle에 대하여 위와 같은 값을 가진 경우 아래와 같이 적용합니다.
myStyle에 정의된 스타일이 해당 태그에 적용되어 아래와 같이 컴파일될 것입니다.
이 방법은 태그가 복잡해지므로 가급적 ngClass를 사용하는 방법이 더욱 선호됩니다.
만약 아래와 같은 스타일을 다음과 같은 방법으로 추가하는 것이 가능합니다.
$scope.myStyle = {
color: #f00;
font-size: 1.2em;
}해당 스코프가 myStyle에 대하여 위와 같은 값을 가진 경우 아래와 같이 적용합니다.
<span ng-style="myStyle">Webisfree.com</span>
myStyle에 정의된 스타일이 해당 태그에 적용되어 아래와 같이 컴파일될 것입니다.
<span ng-style="color: #f00;font-size: 1.2em;">Webisfree.com</span>이 방법은 태그가 복잡해지므로 가급적 ngClass를 사용하는 방법이 더욱 선호됩니다.
아래의 글도 찾고 계시지 않나요?