Breaking News: Grepper is joining You.com. Read the official announcement!

form builder form group with file upload using angular

Aggressive Ape answered on September 14, 2022 Popularity 5/10 Helpfulness 1/10

answer form builder form group with file upload using angular

form builder form group with file upload using angular

Comment

<h1>Angular File Upload Tutorial Example - ItSolutionStuff.com</h1>
       
<form [formGroup]="myForm" (ngSubmit)="submit()">
  
    <div class="form-group">
        <label for="name">Name</label>
        <input 
            formControlName="name"
            id="name" 
            type="text" 
            class="form-control">
        <div *ngIf="f.name.touched && f.name.invalid" class="alert alert-danger">
            <div *ngIf="f.name.errors.required">Name is required.</div>
            <div *ngIf="f.name.errors.minlength">Name should be 3 character.</div>
        </div>
    </div>
      
    <div class="form-group">
        <label for="file">File</label>
        <input 
            formControlName="file"
            id="file" 
            type="file" 
            class="form-control"
            (change)="onFileChange($event)">
        <div *ngIf="f.file.touched && f.file.invalid" class="alert alert-danger">
            <div *ngIf="f.file.errors.required">File is required.</div>
        </div>
    </div>
          
    <button class="btn btn-primary" type="submit">Submit</button>
</form>

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: www.itsolutionstuff.com

Tags: angular builder file-upload group javascript using

Link to this answer
Share Copy Link

Contributed on Sep 14 2022

Aggressive Ape

0 Answers Avg Quality 2/10

form builder form group with file upload using angular

Contents

More Related Answers

form builder form group with file upload using angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.