title: Append ng-select on button click Angular 8
body: <p>i have a ng-select in my DOM with array values, i want to add new ng-select with same options on click a button "Add",
  how can i do it?</p>
  
  <p>here my component code where i take options value from server OnInit:</p>
  
  <pre><code>
  @Component({
    selector: 'app-recipes',
    templateUrl: './recipes.component.html',
    styleUrls: ['./recipes.component.scss']
  })
  export class RecipesComponent implements OnInit {
  
    @ViewChild('RicettaTestataForm2', {read: ElementRef}) private divMessages: ElementRef;
    public radioModel: string = '1';
    public Editor = InlineEditor;
  
    elencoRicette = [];
    elencoRicetteSelezionato = '';
    formRicettaTestata : FormGroup;
  
    constructor(private http: HttpClient, private formbuilder: FormBuilder, private render : Renderer2) { }
  
    ngOnInit(): void {
      this.formRicettaTestata = new FormGroup({
        titolo : new FormControl(null,Validators.required),
        difficolta : new FormControl(null, Validators.required),
        tempo_preparazione : new FormControl(null, Validators.required),
        immagine : new FormControl(null, Validators.required),
  
      });
  
      this.ritornaElencoIngredienti();
  
    }
  
    get ricettaTitolo(){
      return this.formRicettaTestata.get('titolo');
    }
  
    get ricettaTempoPreparazione(){
      return this.formRicettaTestata.get('tempo_preparazione');
    }
  
    ritornaElencoIngredienti(){
      this.http.get(environment.laravel_api+'/ricetta/ritorna-ingredienti').subscribe(
        data =&gt;  this.AfterReturnIngredienti(data),
        error =&gt; console.log(error)
      );
  
    }
  
    AfterReturnIngredienti(data){
  
      this.elencoRicette = data['ingredienti'];
    }
  
    addIngrediente(){
  
    }
  
  }
  
  </code></pre>
  
  <p>Here is the view section about ng-select, after the plus icon was clicked i want to have two ng-select:</p>
  
  <pre><code>....
  &lt;div class="col-md-6"&gt;
        &lt;p class="h5 spazio-sopra"&gt;Ingredienti necessari&lt;/p&gt;
        &lt;form #RicettaTestataForm2="ngForm" [formGroup]="formRicettaTestata"&gt;
          &lt;ng-select [items]="elencoRicette" bindLabel="nome" bindValue="id" [(ngModel)]="elencoRicetteSelezionato" [ngModelOptions]="{standalone:true}"&gt;&lt;/ng-select&gt;
          &lt;div&gt;
            &lt;mdb-icon fas icon="plus-circle" class="add-recepies-plus" (click)="addIngrediente()"&gt;&lt;/mdb-icon&gt;
          &lt;/div&gt;
        &lt;/form&gt;
        &lt;br&gt;
      &lt;/div&gt;
  ....
  
  </code></pre>