AngularJS를 사용하여 동적으로 CSS 클래스 (고유 이름 포함) 생성

Question

이름이있는 CSS 클래스를 생성 한 다음 각도를 사용하여 특정 DOM 객체에 적용 할 수 있습니까? 나는 ng-style 및 기타 지침을 알고 있습니다. 그러나 기존 클래스를 전환하거나 DOM에 CSS 속성 만 추가하는 데 초점을 맞추는 것으로 보입니다.

내가하려는 것은 데이터베이스에서 일부 값을 꺼내 고유 한 CSS 클래스에 속성 값으로 전달한 다음 해당 클래스를 특정 DOM 개체에 적용하는 것입니다.

이 문제에 대한 도움을 주시면 감사하겠습니다.

Answer 1

클래스 기준으로 사용되는 문자열 끝에 값을 추가 할 수 있습니다. UI 요소에서 다음과 같이하십시오.

<div class="my-base-class-name-{{myScopeVar}}"></div> 

그런 다음 가능한 모든 조합을 스타일 시트에 정의 할 수 있습니다. 이 답변에 문제에 대한 더 많은 정보를 바탕으로 정제가 필요한지 알려주십시오.