Опции не выделяются

Question

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

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

$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>

Answer 1

Вот скрипка: https://jsfiddle.net/MSclavi/zybnjpot/12/

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