Skip to main content
se añadieron 1040 caracteres en el cuerpo
Origen Enlace

Una de las mejores formas que yo he podido hacer eso es con indices, revisa.

Aqui muestra un input de forma dinamica en el cual al dar Add lo que genera un push al arreglo:

import { Component } from "@angular/core";

@Component({
  selector: "app",
  template: `
  <form #formRef="ngForm">
    <div *ngFor="let word2 of words2; let in=index" class="col-sm-3">
        <div class="form-group">
          <input type="text" [(ngModel)]="words2[in].value" name="name{{in}}" class="form-control" #name="ngModel" required />
          <!--<p [hidden]="words2[in].value">Field is required</p>
          {{formRef.form.name1}}-->
        </div>
        <br />
    </div>
    <button [disabled]="!formRef.form.valid" (click)="add()">Add input</button>
  </form>
  <br />
  <br />
  {{words2 | json}}
  `
})
export class AppComponent {
  words2 = [{value: 'word1'}, {value: 'word2'}, {value: 'word3'}, {value: ''}];
  
  add() {
    this.words2.push({value: 'gsre'});
  }
}

Revisa este ejemplo a ver si te es util:

https://embed.plnkr.co/plunk/ukV3PZ

Una de las mejores formas que yo he podido hacer eso es con indices, revisa este ejemplo a ver si te es util:

https://embed.plnkr.co/plunk/ukV3PZ

Una de las mejores formas que yo he podido hacer eso es con indices.

Aqui muestra un input de forma dinamica en el cual al dar Add lo que genera un push al arreglo:

import { Component } from "@angular/core";

@Component({
  selector: "app",
  template: `
  <form #formRef="ngForm">
    <div *ngFor="let word2 of words2; let in=index" class="col-sm-3">
        <div class="form-group">
          <input type="text" [(ngModel)]="words2[in].value" name="name{{in}}" class="form-control" #name="ngModel" required />
          <!--<p [hidden]="words2[in].value">Field is required</p>
          {{formRef.form.name1}}-->
        </div>
        <br />
    </div>
    <button [disabled]="!formRef.form.valid" (click)="add()">Add input</button>
  </form>
  <br />
  <br />
  {{words2 | json}}
  `
})
export class AppComponent {
  words2 = [{value: 'word1'}, {value: 'word2'}, {value: 'word3'}, {value: ''}];
  
  add() {
    this.words2.push({value: 'gsre'});
  }
}

Revisa este ejemplo a ver si te es util:

https://embed.plnkr.co/plunk/ukV3PZ
Origen Enlace

Una de las mejores formas que yo he podido hacer eso es con indices, revisa este ejemplo a ver si te es util:

https://embed.plnkr.co/plunk/ukV3PZ