[ngClass]
클래스의 속성을 기반으로 CSS 클래스를 선택하려고하면 작동하지 않습니다.
즉,
[ngClass]="{'alert alert-danger': employeeForm.get('fullname').errors && (employeeForm.get('fullname').touched || employeeForm.get('fullname').dirty) }"
위 코드는
*ngIf
에서 작동합니다.
그러나
[ngClass]
에는 없습니다
.
저는 YouTube 자습서
export class CreateEmployeeComponent implements OnInit {
employeeForm: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.employeeForm = this.fb.group({
fullname: ['', Validators.required ],
email: [''],
skills : this.fb.group({
skillName: [''],
experience: [''],
proficiency: ['beginner']
})
});
}
onLoadDataClick(): void {
this.employeeForm.setValue({
fullname: 'Jamshaid Tariq',
email: 'jamshaid055@yahoo.com',
skills: {
skillName: 'C#',
experience: 1,
proficiency: 'beginner'
}
});
}
onSubmit(): void {
console.log(this.employeeForm.value);
}
}
-
답변 # 1
-
답변 # 2
[class]
여야한다고 생각합니다[class]="enalbleClass?'class-custom':''"
따라서이를 처리하기 위해 컴포넌트에 로직을 작성해야합니다. 와 같은 것
this.enalbleClass = employeeForm.get('fullname').errors && (employeeForm.get('fullname').touched || employeeForm.get('fullname').dirty)
관련 자료
- reactjs - 컨텍스트 속성을 기반으로하는 상태 저장 값이 업데이트되지 않음
- Typescript는 클래스 속성 (filter, find 등)에 따라 유형을 좁 힙니다
- regex - 태그의 값을 기반으로 로그에서 여러 줄 XML 추출
- javascript - google apps 스크립트 - 셀의 값에 따라 이메일 보내기
- c# - 기본 클래스의 읽기 전용 종속성 속성에 PropertyChangedCallback 추가
- sql server - 다른 열을 기반으로 새 열의 값 채우기
- flutter - 다트 맵, 키 ID를 기반으로 list 의 특정 키 값을 대체하는 방법은 무엇입니까?
- javascript - 클릭 이벤트에서 div의 값 속성 검색
- Powershell PSObject에서 다른 속성을 기반으로 계산 된 속성
- Python abstract property () "추상 메서드로 [] 추상 클래스를 인스턴스화 할 수 없습니다"
- sql server - 특정 값을 기반으로 SQL 테이블에서 행 검색
- arrays - 속성 C #의 값이 동일한 json 개체 병합
- javascript - 클래스별로 요소의 값을 확인하고 요소가 있으면 값을 편집하고 그렇지 않으면 새 HTML을 추가하십시오
- python - 다른 데이터 프레임 값을 기준으로 팬더 값 정렬
- c++ - 템플릿 매개 변수를 다른 템플릿 매개 변수를 기반으로 하나의 열거 형 클래스로 수정하는 방법은 무엇입니까?
- typescript - 계산 된 속성 메서드 내에서 계산 된 속성의 현재 값을 읽는 방법은 무엇입니까?
- 파이썬에서 속성을 리터럴 이름으로 설정하는 클래스를 중지하는 방법은 무엇입니까?
- python - Pandas의 순위에 따라 최소값을 할당하는 방법은 무엇입니까?
- vue.js - 여러 조건에 따라 배열의 항목 값을 변경하려면 어떻게해야합니까?
- java - 봄 부팅에서 yaml에서 속성 목록의 null 값 가져 오기
!!를 추가하여 부울인지 확인하십시오 :
나는 당신의 코드를 가져 갔고 이것은 작동합니다. 하나만 추가했습니다! 테스트 https://stackblitz.com/edit/angular-fquu8t