Как получить multi select data и добавить флажок в каждом элементе списка с помощью Angular.js?

Мне нужно добавить флажок в каждом элементе и получить мульти выбранное значение с помощью Angular.js. Я объясняю свой код ниже.

<body ng-controller="speshController">
  <h1>Hello</h1>
  <div class="col-md-6">
    <div class="input-group bmargindiv1 col-md-12">
      <span class="input-group-addon ndrftextwidth text-right" style="width:180px">Child Business Name :</span>
      <select class="form-control" multiple="multiple" id="restau" ng-model="restaurant" ng-options="qua.name for qua in listOfRestaurant  track by qua.value" ng-change="getDayFromSpecial('restau');">
      </select>
    </div>
  </div>
  <button type="button" id="btn" ng-click="getValue();">GET</button>
</body>

Здесь у меня есть один выпадающий список, и мне нужно добавить флажок перед каждым элементом из выпадающего списка. Предположим, пользователь выбрал несколько элементов, в то время как он нажал на GETкнопку I need to fetch those selected data. Мой код стороны контроллера приведен ниже.

app.controller('speshController',function($scope,$http){
  $scope.data=[{
    'value':1,
    'name':'aaa'
  },{
    'value':2,
    'name':'bvc'
  },{
    'value':3,
    'name':'rtcv'
  },{
    'value':4,
    'name':'uytg'
  }
  ]
  $scope.listOfRestaurant=[];
  angular.forEach($scope.data,function(obj){
    var data={'name':obj.name,'value':obj.value};
        $scope.listOfRestaurant.push(data);
  })
  $scope.getValue=function(){

  }

})

Мне нужно отобразить эти выбранные данные в консоли. Мой полный код здесь .

2 ответа

  1. На мой взгляд, лучше использовать checkbox с метками, а не выпадающий список multiselect.

    <label ng-repeat="qua in listOfRestaurant track by qua.value">
        <input type="checkbox" ng-model="qua.selected"/>
        {{qua.name}}
    </label>
    

    Вы можете проверить в Plunker .