Angular의 *ngClass를 사용할 때 '정의되지 않은 'remove' 속성을 읽을 수 없습니다'를 방지하는 방법은 무엇입니까?

Angular에서 *ngClass와 함께 조건부 클래스 사용

이 문서에서는 Angular ngClass 지시문을 사용하여 조건부를 할당할 때 발생하는 문제를 해결합니다. 수업. ngClass

의 잘못된 구현으로 인해 "정의되지 않은 '제거' 속성을 읽을 수 없습니다"라는 오류가 발생합니다. 문제를 해결하려면 Angular 버전 2가 조건부로 여러 접근 방식을 제공한다는 점을 이해하는 것이 중요합니다. 수강신청:

선택 1:

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

옵션 2:

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

옵션 3: 다중 수업

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

옵션 4: 숫자를 다음과 같이 사용 키

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

옵션 5: 조건 연산자

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

setter 구문을 사용하여 제공한 예는 키가 아니라는 점에 주목할 가치가 있습니다. 권장되는 접근 방식. 대신 위에서 설명한 방법 중 하나를 선택하세요. 이러한 변경 사항을 구현하면 *ngClass를 효과적으로 활용하여 조건부 클래스를 적용하고 "정의되지 않은 '제거' 속성을 읽을 수 없습니다." 오류를 방지할 수 있습니다.

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