Wert aus dynamischem <select> zu Liste

Question

Wert übertragen Also auf Knopf klicken Ich füge neue Auswahl hinzu, auf entferne lösche ich letztes Mitglied des Feldes. Jetzt möchte ich den ausgewählten Wert in die Liste unten verschieben.

Dies ist mein 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 ist Demo von meinem Code arbeiten. Ich möchte die ausgewählte Option in die Liste <ol> verschieben. Danke im Voraus.

Answer 1

Sie schreiben können select wie:

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

aber es verlangt, dass Liste der Objekte sein sollte und nicht die ganzen Zahlen

$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