@cb7777

Как добавить валидацию в input находящийся в дочернем компоненте?

Имеется родительский компонент с работающей валидацией, но в ней также находится компонент FileUploadComponent с таким шаблоном:
<p-toast></p-toast>
<form #fileUpd="ngForm">
<div class="file-container">
	<input class="form-control file-name" name="fileUpload" required style="height: 40px"  type="text" readonly="true" max="10" [(ngModel)]="fileInfo"  >
	<span class="file-button">
		<img class="m-1 p-1" *ngIf="image" [src]="image.imageAsDataUrl" height="28px" width="28px">
		<button mat-icon-button color="primary" *ngIf="fileConfig.more" ><mat-icon>more_vert</mat-icon>
			<input type="file"
				  #fileInput
				  (change)="fileBrowser()"
		/>
		</button>
		<button mat-icon-button color="primary"  type="button" *ngIf="fileConfig.add" (click)="linkSed()"><mat-icon>add</mat-icon></button>
		<button mat-icon-button color="primary"  type="button" *ngIf="fileConfig.camera" (click)="camera()"><mat-icon>camera</mat-icon></button>
		<button mat-icon-button color="primary"  type="button"  *ngIf="fileConfig.preview" (click)="preview()"><mat-icon>zoom_in</mat-icon></button>
		<button mat-icon-button color="accent"   type="button"  *ngIf="fileConfig.cancel" (click)="deleteFile()"><mat-icon >clear</mat-icon></button>
		<button mat-icon-button color="accent" disabled><span *ngIf="uploading" class="spinner-border spinner-border-sm mr-1"></span></button>
	</span>
</div>
</form>

Как реализовать валидацию чтобы проверять дочерний компонент ?
Шаблон родительского компонента:
<form  #form="ngForm" (ngSubmit)="onExecute(form)">
	<div class="container">
....
<div class="row">
						<div class="col-4 m-1 text-left"><label class="d-inline-block">* Шаблон заявления	 </label></div>
						<div class="col-7 m-1"><app-file-upload  name="file-upload" required tabIndex="12" [config]="fileConfig" (onUploadFinished)="getTamplateID($event)"></app-file-upload></div>
					</div>
					<div class="row">
						<div class="col-4 m-1 text-left"><label class="d-inline-block">* Подтверждающий документ	 </label></div>
						<div class="col-7 m-1"><app-file-upload name="file-upload"  required tabIndex="13" [config]="fileConfig" (onUploadFinished)="getScanId($event)"></app-file-upload></div>
					</div>
...
<div class="row col-xl-12">
						<button mat-raised-button color="primary" type="submit" [disabled]="form.invalid || registerForm.invalid">
							<span *ngIf="loadingSubmit" class="spinner-border spinner-border-sm mr-1"></span>
							Отправить
						</button>
					</div>
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы