Angular UI select — добавление и удаление объектов в массиве (каждый объект — это новый селект)?

Question

[Ramil Z.]

Всем привет.
Есть массив "категорий (id, name)" пользователя. Необходимо по кнопке "+" добавлять НОВЫЙ select, из которого потом можно выбрать необходимую Категорию. Также по кнопке "-" нужно удалить необходимую Категорию вместе с селектом.
При этом после добавления объекта в общий массив select добавляется, но выбранное значение не запоминается в текущий объект (id и name остаются пустыми).
Подскажите, пожалуйста, как это реализовать.

Имеется следующий код:

<label class="control-label">Категории</label> <a ng-click="categoryAdd()" class="btn btn-success btn-xs"><i class="glyphicon glyphicon-plus"></i></a>

                <div class="form-group" ng-repeat="category in userProfile.categories">
                    <ui-select ng-model="category"
                               theme="bootstrap"
                               reset-search-input="false"
                               on-select="categorySelected($item, $model)">
                        <ui-select-match placeholder="Выберите категорию...">{{$select.selected.name}}</ui-select-match>
                        <ui-select-choices repeat="item in (categories | filter: $select.search) track by item.id">
                            <div ng-bind-html="item.name | highlight: $select.search"></div>
                        </ui-select-choices>
                    </ui-select>
                    <a ng-click="categoryDelete()" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-minus"></i></a>
                </div>

$scope.categoryAdd = function() {
            $scope.userProfile.categories.push({id: '', name: ''});
};
 $scope.categoryDelete = function(???) {
            ???
};