javascript - 如何使用指令在 Angularjs 中单击按钮时创建选择选项

Question

我想知道如何在我已经使用此列表呈现选择标签时复制它..

var lists = [{name: "blue"},{name: "green"},{name: "red"},{name: "yellow"}]

并且有一个添加按钮来复制这个选择标签。

我为此创建了 fiddle : http://jsfiddle.net/rdy4e4xx/

我正在考虑为此使用指令，但我不知道从哪里开始。谢谢大家。

Answer 1

我认为您正在寻找这样的东西(已更新):

HTML:

  <div ng-controller="ListsCtrl">
        {{ mySizes }}
        <select ng-model="selectTag.value"  ng-repeat="selectTag in selectTags">
            <option value="">- - Make Selection - -</option>
            <option ng-repeat="size in sizes" value="{{ size.name }}">{{ size.name}}</option>
        </select>
      <button type="button" ng-click="duplicateSelectTag()">Duplicate Select Tags</button>
      Selected values:
      <ul ng-repeat="selectTag in selectTags">
          <li>{{selectTag.value}}</li>
      </ul>
    </div>

JS:

var app = angular.module("app",[]);
app.controller('ListsCtrl',function($scope){
   $scope.sizes = [{name: "blue"},{name: "green"},{name: "red"},{name: "yellow"}]; 
    $scope.selectTags=[{
        value:null
    }];
    $scope.duplicateSelectTag = function() {

        $scope.selectTags.push({});
    }
});

Demo