는 방법을 사용하여 검증을 변경하는 테두리 색상의 formcontrolname 에서 각

Question 1

나는 formcontrol 내가 원하는 색상을 변경할 때 필드에 잘못된 내가려고 다음으로는 대부분의 예지

 <input 
        formControlName="personNameField"
        type="text"
        placeholder="Bitte eingeben"
        [ngClass]="{'error': personNameField.errors}"
        ></input>

내 ts formcontrol 가 생성되 다음과 같다:

    form = this.builder.group({
    personNameField: new FormControl('',
      [Validators.required]),
  });

  getName(){
    this.form.get('personNameField')
  }

하지만 나는 다음과 같은 오류가:

ERROR TypeError: Cannot read properties of undefined (reading 'errors')

어떤 생각을 내가 뭘 잘못입니까?

업데이트: 추가 getter 및 제 질문은 마지만 여전히 접하고 작동하지 않는 유일한 오류 메시지가 표시됩니다.

2:

.error {
    // underline input field on error
    border: 1px solid red;
    display: block;
    color: red;
}

내가 무엇을 원

내가 무엇을 얻

Question 2

려고 합니다.

[ngClass]="{'error': form.get('personNameField')?.errors}"

Question 3

그래서 단순한 입력을 사용하여 유효성을 검사하는 스트랩 클래스: 먼저 당신에 HTML 파일을 우리는:

        <div class="form-group">
        <label for="title">title</label>
        <input id="title" type="text" formControlName="title" class="form- 
       control" [ngClass]="{'is-invalid': isCategorySubmitted && 
        categoryFormInfo.title.errors}" />
        </div>

그래서 ts file:

isCategorySubmitted = false;

initFormBuilder() {
this.categoryForm = this.formBuilder.group({
  title: ['', Validators.required]
});

}

  get categoryFormInfo() {
return this.categoryForm.controls;

}

  submit() {
this.isCategorySubmitted = true;
if (this.categoryForm.invalid) {
  return;
}

  // do your code after the submit

}

이것에 의하여,유효성을 검증할 수 있습니 input 그렇게 간단합니다.

N.F. · Answer 1 · 2021-11-24T06:51:12

-1

려고 합니다.

[ngClass]="{'error': form.get('personNameField')?.errors}"

N.F.

2021-11-24 06:51:12

헤이 감사합니다 이것을 가져 나에게 한 단계 더 하지만 지금은 하나의 큰 사각형 주위에 레이블을 입력합니다. 나만 원하는 테두리 색상을 변경 할 수 있는 방법에 대한 아이디어를 변경해 줍? 내 코드

natyus

죄송하가 이해할 수 없다 무엇을하려고 노력하고 있습니다. 을 보여주십시오와 이미지입니다.

N.F.

았다 추가 사진

natyus

Html 에서 이 게시물이 없습니다. 업데이트하시기 바랍 귀하의 게시물을 포함하도록 모든 부분"내가 무엇을 얻을 수".

N.F.

Seyed-Amir-Mehrizi · Answer 2 · 2021-11-24T07:22:10

그래서 단순한 입력을 사용하여 유효성을 검사하는 스트랩 클래스: 먼저 당신에 HTML 파일을 우리는:

        <div class="form-group">
        <label for="title">title</label>
        <input id="title" type="text" formControlName="title" class="form- 
       control" [ngClass]="{'is-invalid': isCategorySubmitted && 
        categoryFormInfo.title.errors}" />
        </div>

그래서 ts file:

isCategorySubmitted = false;

initFormBuilder() {
this.categoryForm = this.formBuilder.group({
  title: ['', Validators.required]
});

}

  get categoryFormInfo() {
return this.categoryForm.controls;

}

  submit() {
this.isCategorySubmitted = true;
if (this.categoryForm.invalid) {
  return;
}

  // do your code after the submit

}

이것에 의하여,유효성을 검증할 수 있습니 input 그렇게 간단합니다.

는 방법을 사용하여 검증을 변경하는 테두리 색상의 formcontrolname 에서 각

질문

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리