Я хочу добавить поле «div» при нажатии кнопки «Добавить».Как мне это сделать? - PullRequest
0 голосов
/ 08 февраля 2019

Я использовал это решение для добавления полей: - Добавить элемент DOM при нажатии кнопки с помощью Angular 2 +

Но я не могу достичь желаемого результата.

HTML: -

<div class="row" *ngFor="let fields of addFields">
    <div class="col-sm-2">
      <label>Choose Category</label>
      <select (change)="getVal($event)">
        <option value="0">--</option>
        <option *ngFor="let service of services" value="{{service._id._id}}">{{service._id.name}}</option>
      </select>
    </div>
    <div class="col-sm-2">
      <label>Choose Service</label>
      <select (change)="getServiceVal($event)">
        <option value="0">--</option>
        <option *ngFor="let ser of servicess" value="{{ser.name}}">{{ser.name}}</option>
      </select>
    </div>
  </div>
  <input type="button" value="Add Service" (click)="add()">

TS: -

 addFields = ['fields1']
  fieldsNumber = 1;


  add(){
    this.fieldsNumber++;
    this.addFields.push("field"+this.fieldsNumber);
   }
...