84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
刚学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 }";