ngIf 오류를 사용할 때 Angular 6에서 버튼 저장을 비활성화하는 방법

Imalzy

저장을 클릭하면 문제가 발생합니다. 오류 메시지 "Object.eval [as updateDirectives]에서 null의 '필수'속성을 읽을 수 없습니다."

이것은 내 코드 html

 <form name="dataForm" [formGroup]="dataForm" (ngSubmit)="onSubmit()">
        <div class="mb-24" fxLayout="row" fxLayoutAlign="start start" [ngClass]="{'has-error': ((dataForm.get('usernames').touched ||
        dataForm.get('usernames').dirty) &&
        dataForm.get('usernames').errors)}">
            <mat-form-field fxFlex>
                <input matInput placeholder=" Username" formControlName="usernames">
                <mat-error *ngIf="((dataForm.get('usernames').touched ||
                    dataForm.get('usernames').dirty) &&
                    dataForm.get('usernames').errors).required">
                    Username empty
                </mat-error>
            </mat-form-field>
        </div>

이 버튼

 <button mat-raised-button class="save-button mat-accent" type="submit" (click)="showToaster()"
                [mat-dialog-close] [disabled]="dataForm.errors.required? true: null">Save</button>&nbsp;
PkSharmaPokhrel

간단히 할 수 있습니다 [disabled]="!dataForm.valid".

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Knockout.js 사용자가 저장 버튼을 클릭 할 때까지 선택에서 관찰 가능한 업데이트를 비활성화하는 방법

분류에서Dev

yii에서 jQuery를 사용하여 버튼을 비활성화하는 방법

분류에서Dev

빌드 중에 Angular 응용 프로그램에서 버튼을 비활성화 및 활성화하는 방법

분류에서Dev

키가 이온 저장소에있는 경우 * ngIf를 사용하여 버튼을 표시하는 방법

분류에서Dev

Vuejs의 Otp 필드에 사용자가 숫자를 입력 할 때까지 버튼을 비활성화하는 방법은 무엇입니까?

분류에서Dev

ckeditor에서 버튼을 비활성화하려고 할 때 오류 발생

분류에서Dev

PHP를 사용하여 비활성화 된 콤보 상자와 라디오 버튼을 테이블에 저장하는 방법

분류에서Dev

Angular (v4)에서 제출 버튼을 비활성화하지 않고 모든 유효성 검사를 실행하는 방법은 무엇입니까?

분류에서Dev

버튼을 클릭 할 때까지 입력을 비활성화하는 방법

분류에서Dev

오류가 표시 될 때 "삽입"버튼을 비활성화 할 수있는 방법이 있습니까?

분류에서Dev

자바 스크립트를 사용하여 IFrame의 자식에서 부모 모달 팝업에서 버튼을 활성화 / 비활성화하는 방법

분류에서Dev

ViewPager를 스 와이프에서 비활성화하고 버튼 클릭을 사용하여 수동 스 와이프를 활성화하는 방법

분류에서Dev

Ubuntu 12.4에서 시작할 때 Bluetooth 장치를 비활성화하는 방법

분류에서Dev

jquery를 사용하여 제출 버튼을 비활성화하는 방법

분류에서Dev

jquery를 사용하여 제출 버튼을 비활성화하는 방법

분류에서Dev

Flutter에서 버튼을 클릭 할 때 객체를 배열에 저장하는 방법은 무엇입니까?

분류에서Dev

Angular 템플릿 기반 양식에서 버튼을 활성화 또는 비활성화하기 위해 전역 변수를 사용하는 방법은 무엇입니까?

분류에서Dev

Angular에서 체크 된 체크 박스를 기반으로 버튼을 활성화 / 비활성화하는 방법

분류에서Dev

Android의 ListView 내부에있는 버튼을 클릭 할 때 ListView 항목의 모든 버튼을 비활성화하는 방법

분류에서Dev

Edittext에서 복사 붙여 넣기 버튼을 비활성화하는 방법

분류에서Dev

Datepicker : 버튼을 클릭 할 때 datepicker를 팝업하고 변수에 값을 저장하는 방법

분류에서Dev

스프링 부트를 사용할 때 KafkaAdmin을 비활성화하는 방법

분류에서Dev

찾기를 사용할 때 "Permission denied"출력을 비활성화하는 방법

분류에서Dev

R의 Plotly 그래프에서 오류 막대 위로 이동할 때 호버 레이블을 비활성화하는 방법이 있습니까?

분류에서Dev

Redhat 6에서 오른쪽 클릭 버튼을 비활성화하는 방법은 무엇입니까?

분류에서Dev

Vue에서 입력이 비어있을 때 버튼을 비활성화하는 방법은 무엇입니까?

분류에서Dev

버튼을 클릭 할 때 js에서 활성 버튼을 얻는 방법

분류에서Dev

각 버튼을 사용하여 활성화 / 비활성화하는 방법

분류에서Dev

Atom Electron에서 오류가 발생할 때 경고 대화 상자를 비활성화하는 방법

Related 관련 기사

  1. 1

    Knockout.js 사용자가 저장 버튼을 클릭 할 때까지 선택에서 관찰 가능한 업데이트를 비활성화하는 방법

  2. 2

    yii에서 jQuery를 사용하여 버튼을 비활성화하는 방법

  3. 3

    빌드 중에 Angular 응용 프로그램에서 버튼을 비활성화 및 활성화하는 방법

  4. 4

    키가 이온 저장소에있는 경우 * ngIf를 사용하여 버튼을 표시하는 방법

  5. 5

    Vuejs의 Otp 필드에 사용자가 숫자를 입력 할 때까지 버튼을 비활성화하는 방법은 무엇입니까?

  6. 6

    ckeditor에서 버튼을 비활성화하려고 할 때 오류 발생

  7. 7

    PHP를 사용하여 비활성화 된 콤보 상자와 라디오 버튼을 테이블에 저장하는 방법

  8. 8

    Angular (v4)에서 제출 버튼을 비활성화하지 않고 모든 유효성 검사를 실행하는 방법은 무엇입니까?

  9. 9

    버튼을 클릭 할 때까지 입력을 비활성화하는 방법

  10. 10

    오류가 표시 될 때 "삽입"버튼을 비활성화 할 수있는 방법이 있습니까?

  11. 11

    자바 스크립트를 사용하여 IFrame의 자식에서 부모 모달 팝업에서 버튼을 활성화 / 비활성화하는 방법

  12. 12

    ViewPager를 스 와이프에서 비활성화하고 버튼 클릭을 사용하여 수동 스 와이프를 활성화하는 방법

  13. 13

    Ubuntu 12.4에서 시작할 때 Bluetooth 장치를 비활성화하는 방법

  14. 14

    jquery를 사용하여 제출 버튼을 비활성화하는 방법

  15. 15

    jquery를 사용하여 제출 버튼을 비활성화하는 방법

  16. 16

    Flutter에서 버튼을 클릭 할 때 객체를 배열에 저장하는 방법은 무엇입니까?

  17. 17

    Angular 템플릿 기반 양식에서 버튼을 활성화 또는 비활성화하기 위해 전역 변수를 사용하는 방법은 무엇입니까?

  18. 18

    Angular에서 체크 된 체크 박스를 기반으로 버튼을 활성화 / 비활성화하는 방법

  19. 19

    Android의 ListView 내부에있는 버튼을 클릭 할 때 ListView 항목의 모든 버튼을 비활성화하는 방법

  20. 20

    Edittext에서 복사 붙여 넣기 버튼을 비활성화하는 방법

  21. 21

    Datepicker : 버튼을 클릭 할 때 datepicker를 팝업하고 변수에 값을 저장하는 방법

  22. 22

    스프링 부트를 사용할 때 KafkaAdmin을 비활성화하는 방법

  23. 23

    찾기를 사용할 때 "Permission denied"출력을 비활성화하는 방법

  24. 24

    R의 Plotly 그래프에서 오류 막대 위로 이동할 때 호버 레이블을 비활성화하는 방법이 있습니까?

  25. 25

    Redhat 6에서 오른쪽 클릭 버튼을 비활성화하는 방법은 무엇입니까?

  26. 26

    Vue에서 입력이 비어있을 때 버튼을 비활성화하는 방법은 무엇입니까?

  27. 27

    버튼을 클릭 할 때 js에서 활성 버튼을 얻는 방법

  28. 28

    각 버튼을 사용하여 활성화 / 비활성화하는 방법

  29. 29

    Atom Electron에서 오류가 발생할 때 경고 대화 상자를 비활성화하는 방법

뜨겁다태그

보관