2017-10-16 3 views
1

Donc, sur le bouton, cliquez sur J'ajoute une nouvelle sélection, sur Supprimer, je supprime le dernier membre de la matrice. Maintenant, je veux déplacer la valeur sélectionnée à la liste ci-dessous.Transmettre la valeur de la dynamique <select> à la liste

Ceci est mon code:

$scope.langInput = { 
    count: 3, 
    values: [1, 2], 
    add: function() { 
     this.values.push(this.count); 
     this.count += 1; 
     console.log(this.values); 
    }, 
    remove: function() { 
     this.values.pop(); 
     this.count -= 1; 
     console.log(this.values); 
    } 
}; 

This travaille démo de mon code. Je veux déplacer l'option sélectionnée à la liste <ol>. Merci d'avance.

+0

Avez-vous essayé d'utiliser événement 'onchange' de la 'liste' et ajouter l'élément sélectionné dans' ol'? – Krusader

+0

Non, je ne peux pas comprendre s'il vous plaît s'il vous plaît modifier mon plunker et montrer l'exemple? – BT101

+1

Je ne sais pas comment faire cela dans Angular mais ici exemple en JS simple (ES6). https://jsfiddle.net/rpneLdma/ – Krusader

Répondre

0

Vous pouvez écrire select comme:

<select ng-model="n.selected" ng-change="onChange(n.selected, $index)"> 

Cependant, il exige que devrait être la liste des objets et non des entiers

$scope.langInput = { 
     count: 3, 
     values: [ 
      { 
      id:1, 
      selected: "eng" 
      }, 
      { 
      id:2, 
      selected: "eng" 
      } 
      ], 
     add: function() { 
      this.values.push({id:this.count,selected: "eng"}); 
      this.count += 1; 
      console.log(this.values); 
     }, 
     remove: function() { 
      this.values.pop(); 
      this.count -= 1; 
      console.log(this.values); 
     } 
    }; 

    $scope.onChange = function(value, index){ 
     $scope.langInput.values[index].selected = value; 
    } 

Demo Plunker