Question

我想在用户点击html按钮时构建选择列表（select2）选项。

我的HTML：
<select id="mySel2" class="form-control" multiple="multiple"> <option ng-repeat="item in items" ng-selected="item.selected" ng-model="item.tag">{{item.tag}}</option> </select> 单击按钮时的角度js功能代码：

    var fruits=angular.module("myApp",[]);
  fruits.controller('ctrlTags',  function($scope){

  /* I HAVE SET DEFAULT VALUE TO SELECT LIST*/
  /* IT WORKING PERFECT WITH SHOWING SELECTED VALUES*/
    var tagsData = [
      {id:1,tag:'Apple'},
      {id:2,tag:'Banana'},
      {id:3,tag:'Cherry'},
      {id:4,tag:'Cantelope'},
      {id:5,tag:'Grapefruit'},
      {id:6,tag:'Grapes',selected:true},
      {id:7,tag:'Lemon'},
      {id:8,tag:'Lime'},
      {id:9,tag:'Melon',selected:true},
      {id:10,tag:'Orange'},
      {id:11,tag:'Strawberry'},
      {id:11,tag:'Watermelon'}
    ];  

     $scope.items = tagsData;



 /*NOW ON BUTTON CLICK GETKEY() FUNCTION WILL BE CALLED*/
 /* AND I WANT TO RENDER/REFRESH SELECT LIST WITH NEW DATA */
 $scope.getKey=function(data){   
     var newData = [
      {id:4,tag:'car'},
      {id:5,tag:'bat',selected:true},
      {id:6,tag:'cat',selected:true},
      {id:7,tag:'Lemon'},
      {id:8,tag:'Lime'},

    ];
$scope.items=newData;

};

}）;

/ 问题：按钮点击它更新选择列表值但不显示默认选择的值 / 请告诉我如何刷新所选择的价值。

Answer 1

您需要将模型添加到选择部分ng-model =＆＃34; selected＆＃34;。您可以添加例如第一个索引在controller $ scope.selected = tagsData [0]

中

Answer 2

使用select2（form-widgets.js）

$('[name="NAME"]').select2({placeholder: ''}).val(VAL).change();

选择Angularjs select2 set选项

2 个答案: