Множественный выбор, не выделение элементов

Question

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

Вот мой код:

<div class="label_hd">Profiles* {{user.profile}}
    <input type="button" id="select_all" ng-click="selectedAll()"
           name="select_all" value="Select All" style="margin-left: 10px">
</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>

Controller.js код:

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

Answer 1

Необходимо установить $ scope.user.profile [item] = true;

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