방금 이틀 동안 Angle js를 배웠는데,angular js의 ng-class 지시어가 특정 요소 노드에 해당 클래스를 추가할 수 있다는 것을 의구심이 들었습니다.
그런데 묻고 싶습니다. 요소에 직접 클래스를 추가하는 것과 차이가 있나요? Angular js는 결국 ng-class 지시문의 내용을 구문 분석한 다음 해당 클래스를 요소에 추가합니다. 이렇게 하면 어떤 이점이 있나요? 나중에 이 요소 노드의 클래스를 수정하는 편의를 위한 것입니까?
예: ng-class="{red: 작업을 수행하면 동적으로 클래스를 추가하거나 삭제할 수 있습니다. 이는 자바스크립트를 사용하여 클래스 목록에 클래스를 추가하거나 삭제하는 것보다 훨씬 편리합니다.
ngClass는 조건에 따라 다양한 클래스를 동적으로 추가하는 데 사용되지만 기본 클래스에는 이러한 효과가 없습니다
ng-class는 로직을 기반으로 클래스를 변경할 수 있는 명령어입니다
HTML에서 사용된 클래스에 해당하는 값은 문자열입니다.
Angular의 ng-xxx는 표현식에 해당합니다. 예를 들어, 여기서 만난 ng-class는 key: value에 해당합니다.
값이 true이면 키 스타일이 적용됩니다.
예를 들어 ng-class="{ someClass : true }";
스타일이 특정 클래스인 경우 다음과 같이 문자열 유형으로 표현되어야 합니다.
ng-class="{ 'some-class' : true }";