Skip to content

Instantly share code, notes, and snippets.

@SevdaCimen
Last active May 22, 2020 16:13
Show Gist options
  • Save SevdaCimen/40bc176df26ba2858c26014db7090653 to your computer and use it in GitHub Desktop.
Save SevdaCimen/40bc176df26ba2858c26014db7090653 to your computer and use it in GitHub Desktop.
<form #ItemsForm="ngForm" class="container my-3" >
<section *ngFor="let item of Items; let i=index">
<div>
<mat-form-field appearance="outline" class="pr-4" >
<mat-label>Name</mat-label>
<input matInput [(ngModel)]="item.Name" name="Name_{{i}}">
</mat-form-field>
<mat-form-field appearance="outline" class="pr-4" >
<mat-label>Date of Birth</mat-label>
<input matInput [matDatepicker]="DateofBirth_i" [(ngModel)]="item.DateofBirth" name="DateofBirth_{{i}}">
<mat-datepicker-toogle matSuffix [for]="DateofBirth_i"></mat-datepicker-toogle>
<mat-datepicker #DateofBirth_i></mat-datepicker>
</mat-form-field>
<mat-checkbox [(ngModel)]="item.isAccepted" name="isAccepted_i">
<mat-label> Is Accepted?</mat-label>
</mat-checkbox>
<button mat-raised-button (click)="itemBelge_i.click();itemFileNumber(i)"> Choose File </button>
<div *ngIf="Items[i].Belge!==null">{{item[i].File.name}} </div>
<div>
<button mat-button (click)="removeItem(i)">
<mat-icon > close </mat-icon >
Delete
</button>
<button mat-button (click)="addItem($event)">
<mat-icon > add </mat-icon >
Add
</button>
</div>
</section>
<input hidden #itemFile_i (change)="handleAddFileInputFrom($event.target.files)" type="file">
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment