<div class="schedule-time">
<span>Include Schedule Time <span class="adr" (click)="AddNewSchedule()">+</span></span>
........
</div>
<div *ngFor = "let i of OpenNewSchedule">
<div class="time-cl">
<div class="time-ch">
<div class="from-time" (click)="addOpentime()">
<input type="date" class="form-control hide-dt">
<span class="fdst">Open Time</span>
<span class="sdst">{{Opentime}}</span>
</div>
<div class="to-time" (click)="addCloseTime()">
<input type="date" class="form-control hide-dt">
<span class="fdst">Close Time</span>
<span class="sdst">{{Closetime}}</span>
</div>
<!-- <a class="time-del"><i class="fa fa-trash"></i></a> -->
</div>
</div>
</div>
.ts
AddNewSchedule(){
for(var i =0; i<10; i++){
this.OpenNewSchedule = true;
}
}
I am looking to add multiple occurrences of the div OpenNewSchedule, currently it is only being added once, and each added div needs to have a different value.
Is there a way to achieve this?