How to create a form dropdown - angular 2

Question

I have a form written in html on a page and there is a button above the form. Now i want to know the functionality i can add to the button so that when i press the button, it will directly add the same form i have on the page already just beneath it so i can make multiple submissions.

//form

<button>Add Form</button>
<form>
  <div class="row">
    <div class="col-sm-6">
      <div class="form-group">
        <label for="title">Title</label>
        <input type="text" class="form-control" id="title" name="title" placeholder="Title">
      </div>
   </div>
</form>

When i click on the add form button, it should drop down the same form which i already have on the page, just beneath the initial form so i can make multiple submission — XamarinDevil
– XamarinDevil, Commented Feb 10, 2017 at 13:30

developer033 · Accepted Answer · 2017-02-10 13:50:01Z

1

<button (click)=" Add some value to forms array  ">Add Form</button>
<div *ngFor="let form of forms">
    <form>
        <!-- Your Form -->
    </form>
</div>

edited Feb 10, 2017 at 13:50

developer033

25k8 gold badges85 silver badges113 bronze badges

answered Feb 10, 2017 at 13:32

anshuVersatile

2,0761 gold badge11 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

anshuVersatile Over a year ago

above is not code ... just path to your problem ... you should implement it with code

XamarinDevil Over a year ago

so i have to create a loop for the form basically?

enigma Over a year ago

an explanation with the code usually helps the question asker understand better

Collectives™ on Stack Overflow

How to create a form dropdown - angular 2

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related