отключена кнопка в динамической форме угловой 6 - PullRequest
Новая
       32

отключена кнопка в динамической форме угловой 6

0 голосов
/ 24 января 2019

В моей динамической форме у меня был тип файла ввода, если пользователи загружали другой формат файла, кнопка автоматической отправки будет отключена.

kyc.component.ts 

  handleFileInput(files: FileList, label: string): void {
    this.fileToUpload = files.item(0);
    if ((this.fileToUpload.type === 'image/bmp' && this.fileToUpload.size <= 10000000) 
    || (this.fileToUpload.type === 'application/msword'&& this.fileToUpload.size <= 10000000)) {
        this.uploadFile(this.settingService.uploadFile(), this.fileToUpload, label);
        this.submitButton.nativeElement.disabled = false;
    } else {
        this.submitButton.nativeElement.disabled = true;
        this.notiService.printErrorMessage(MessageContstants.CHECK_FILE);
    }        
}

kyc.component.html 

  <input *ngIf="field.type.name == fieldTypeNames.File" class="full-width" (change)="handleFileInput($event.target.files, field.label)"
                    [(ngModel)]="data[field.label]" name="field.label" type="File" placeholder="{{field.description}}" accept=".jpeg, .jpg, .gif, .png, .bmp, .docx, .doc, .pdf,"  required 
                />
                <mat-form-field class="w-100" *ngIf="field.type.name == fieldTypeNames.Dropdown">
                    <mat-select [(ngModel)]="data[field.label]" name="{{field.label}}">
                        <mat-option *ngFor="let option of field.description" [value]="option">{{option}}</mat-option>
                    </mat-select>
                </mat-form-field>
                <input *ngIf="field.type.name == fieldTypeNames.Photo" class="full-width" (change)="handleFileInput($event.target.files, field.label)" [(ngModel)]="data[field.label]"
                    name="field.label" type="File" accept=".jpeg, .jpg, .gif, .png, .bmp, .docx, .doc, .pdf," required />
                <div *ngIf="field.type.name == fieldTypeNames.Photo" class="full-width pt-3" [innerHTML]="field.description | htmlSanitizer"></div>
            </div>
        </div>
        <div class="submit-button">
            <button #submitButton class="primary-button" (click)="submitKyc()" [disabled]="isButtonClicked">Submit</button>
        </div>

Я пытаюсь отключить кнопку отправки, где у меня было четыре типа ввода = 'file' в моей форме , и один - другой формат файла (отключен), но кнопка отправки по-прежнему включена.

...