Advertisement
Guest User

Untitled

a guest
Jun 27th, 2019
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.17 KB | None | 0 0
  1. addLink() {
  2. //when the plus button is clicked
  3.  
  4. const placeholdervalue = this.addForm.get("placeholdervalue").value;
  5. this.items = this.addForm.get("items") as FormArray;
  6. this.items.push(this.createItem(placeholdervalue));
  7. console.log(this.addForm.get("items"));
  8. }
  9.  
  10. createItem(placeholdervalue: string): FormGroup {
  11. let a = { [placeholdervalue]: "" };
  12. return this.formBuilder.group(a);
  13. }
  14. ngOnInit() {
  15. this.addForm = this.formBuilder.group({
  16. items: this.formBuilder.array([]),
  17. placeholdervalue: ""
  18. });
  19. }
  20. }
  21.  
  22. <div class="row">
  23. <div
  24. class="col-md-3"
  25. formArrayName="items"
  26. *ngFor="
  27. let item of addForm.get('items').controls;
  28. let i = index
  29. "
  30. >
  31. <div [formGroupName]="i">
  32. <mat-form-field class="example-full-width">
  33. <input
  34. matInput
  35. formControlName="" // i want to retrieve it from item
  36. placeholder=""
  37. />
  38. </mat-form-field>
  39. </div>
  40. </div>
  41. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement