AngularJS에서 태그 요소에 바로 CSS 스타일을 추가하기 위한 방법으로 ngStyle 디렉티브를 사용할 수 있습니다.


만약 아래와 같은 스타일을 다음과 같은 방법으로 추가하는 것이 가능합니다.

$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를 사용하는 방법이 더욱 선호됩니다.