从动态<select>传递值到列表

时间:2017-10-16 06:40:15

标签: javascript angularjs angularjs-ng-repeat

所以在按钮上单击我添加新选择,删除我删除数组的最后一个成员。现在我想将选定的值移到下面的列表中。 这是我的代码:   $ scope.langInput = {     数:3,     值:[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);     } }; 这是我的代码的工作演示。我想将所选选项移至&lt; ol&gt;名单。提前致谢。

1 个答案:

答案 0 :(得分:0)

您可以将select写为:

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

但是它要求langInput.values应该是对象列表而不是整数

$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