Блог

У меня есть несколько вариантов выбора и кнопка выбрать все. При нажатии на кнопку «Выбрать все» все параметры должны быть выделены. Однако в моем случае при нажатии на кнопку выбрать все я получаю все параметры как выбранные и их значения, но параметры не выделяются.

Вот мой код контроллера.

 $scope.selectedAll = function(){
    $scope.user.profile = []; 
    angular.forEach($scope.userprofiles, function(item){
        $scope.user.profile.push( item.profile);
    }); 
}
  

HTML:

 <div class="label_hd">Profiles
    <input type="button" 
           id="select_all" 
           ng-click="selectedAll()" 
           name="select_all" 
           value="Select All">
</div>
<select multiple 
        class="browser-default" 
        name="userprofile" 
        id="userprofile"
        ng-model="user.profile">
    <option ng-repeat="profile in userprofiles"
            value="{{profile.profile}}">
            {{ profile.profile_name }}
    </option>
</select>
  

Вот пример:https://jsfiddle.net/MSclavi/zybnjpot/12 /

Вы были на правильном пути. Вместо того, чтобы использовать ng-repeat с вашими параметрами, используйте ng-options . Вот документация https://docs.angularjs.org/api/ng/directive/ngOptions . Удачи