刚学angular js两天,有一个疑惑,看到angular js中的ng-class指令可以为某一个元素结点添加相应的class。
但是想请问一下,这个跟直接给元素添加class有什么区别吗?angular js最终还是会解析ng-class指令中的内容,然后再给元素添加相应的class。这么做的优势体现在哪呀?就是为了后期方便修改这个元素结点的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 }";
예: ng-class="{red: 작업을 수행하면 동적으로 클래스를 추가하거나 삭제할 수 있습니다. 이는 자바스크립트를 사용하여 클래스 목록에 클래스를 추가하거나 삭제하는 것보다 훨씬 편리합니다.
ngClass는 조건에 따라 다양한 클래스를 동적으로 추가하는 데 사용되지만 기본 클래스에는 이러한 효과가 없습니다
ng-class는 로직을 기반으로 클래스를 변경할 수 있는 명령어입니다
HTML에서 사용된 클래스에 해당하는 값은 문자열입니다.
Angular의 ng-xxx는 표현식에 해당합니다. 예를 들어, 여기서 만난 ng-class는 key: value에 해당합니다.
값이 true이면 키 스타일이 적용됩니다.
예를 들어 ng-class="{ someClass : true }";
스타일이 특정 클래스인 경우 다음과 같이 문자열 유형으로 표현되어야 합니다.
ng-class="{ 'some-class' : true }";