Move elements clicked from one array to another

Question

Move elements clicked from one array to another

Navigation

#1 by (1 votes)
#2 by (0 votes)

0

What I want to do is move an element from one array to another, but only those that the user selects and without JQuery, I am in Angular 4, I leave my code. Bold text

    <div class="create-cont-top-left">
          <h5 class="clrGrayBlack">Lista de campus:</h5>
          <div class="cont-text">
            <p *ngFor="let campus of campuses">{{campus}}</p>
          </div>
        </div>
      <div (click)="addItem()" class="font">
            <i class="fa fa-plus" style="color: green"></i>
            <a>Agregar</a>
          </div>

  addItem(){
    let _ = this;

    for (let i = 0; i < _.campuses.length; i++){
      console.log(_.campuses[i]);
      _.campusesAggregates.push(_.campuses[i]);
      delete _.campuses[i];
      console.log(_.campusesAggregates[i]);
    }

    // console.log(_.campusesAggregates[i]);
    return;
  }

array typescript eventos angular click

asked by Eduardo García 26.09.2018 в 17:50

source

2 answers

Show different PHP wordpress layout if there is or there is no featured image Concatenate several VARCHAR2 + 4000 characters

score 1 · Answer 1

You must use the ngFor and pass the index to quickly obtain the element.

First you travel in a ngFor

<p (click)="addItem(i,campus)" *ngFor="let campus of campuses; let i=index">
  {{campus}}
  <a class="cursor-pointer green">+</a>
</p>

Then you get a show.

addItem(index:number,item:string){
  this.selected.unshift(item);
  this.campuses.splice(index,1);
}

Here is an example of how to move elements from one vector to another.

Example

score 0 · Answer 2

Pass the campus to move directly by the method:

addItem(toMove: Campus): void {
  const index = this.campuses.findIndex((c: Campus) => c.key === toMove.key);
  this.campuses.splice(index, 1); // eliminamos el campus del array original
  this.campusesAggregates.push(toMove); // lo agregamos al array origen
}

And in the HTML:

<div (click)="addItem(campus)" class="font">
  <i class="fa fa-plus" style="color: green"></i>
  <a>Agregar</a>
</div>