Angular *ngClass 오류: '정의되지 않은 '제거' 속성을 읽을 수 없습니다.'를 수정하는 방법은 무엇입니까?

Angular: *ngClass를 사용한 조건부 클래스

*ngClass를 사용한 조건부 클래스 할당은 특정 항목에 따라 요소 스타일을 동적으로 변경하는 효과적인 Angular 기술입니다. 정황. 그러나 "BrowserDomAdapter.removeClass에서 정의되지 않은 'remove' 속성을 읽을 수 없습니다."라는 오류가 발생하면 코드에 문제가 있음을 나타냅니다. 가능한 솔루션을 살펴보겠습니다.

대체 클래스 구문을 사용하는 솔루션

Angular는 조건부 클래스 할당을 위한 대체 구문 옵션을 제공합니다.

• 유형 하나:

  [class.my_class] = "step === 'step1'"

• 유형 2:

  [ngClass]="{'my_class': step === 'step1'}"

• 여러 개 옵션:

  [ngClass]="{'my_class': step === 'step1', 'my_class2' : step === 'step2' }"

• 열거형 구문:

  [ngClass]="{1 : 'my_class1', 2 : 'my_class2', 3 : 'my_class4'}[step]"

• 3항 연산자:

  [ngClass]="step == 'step1' ? 'my_class1' : 'my_class2'"

유형 1 구문의 샘플 코드:

<ol>
    <li [class.active] = "step==='step1'" (click)="step='step1'">Step1</li>
    <li [class.active] = "step==='step2'" (click)="step='step2'">Step2</li>
    <li [class.active] = "step==='step3'" (click)="step='step3'">Step3</li>
</ol>

이 대체 구문은 잠재적인 "정의되지 않음"을 제거합니다. " Angular의 내장 클래스 바인딩을 사용하면 오류가 발생합니다.

참조 클래스 바인딩 구문 옵션의 전체 목록은 Angular의 공식 문서를 참조하세요.

위 내용은 Angular *ngClass 오류: '정의되지 않은 '제거' 속성을 읽을 수 없습니다.'를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!