У меня есть компонент ui-select, и мне нужно удалить выбранный объект из списка опций после определенного события, поэтому он не может быть выбран снова.Я думаю, что это может быть достигнуто с помощью свойства "refresh" ui-select-choices.
UI Select:
<ui-select data-ng-model="selectedNutriente.selected" theme="bootstrap" name="selectNutriente">
<ui-select-match placeholder="Elija un Nutriente...">
<strong>{{$select.selected.abreviatura}} </strong>
{{$select.selected.nombre}}
<small><strong>Tipo de Dato: </strong>
{{$select.selected.idTiposDatosAlimentos.nombreTipoDato}}
</small>
</ui-select-match>
<ui-select-choices repeat="a in allNutrientes| filter: $select.search" group-by="groupByNombreTipoDato" refresh=refreshNutrientesList()>
<strong>{{a.abreviatura}} </strong>
{{a.nombre}}
</ui-select-choices>
В основном мне нужно удалить элементиз списка "allNutrientes" после некоторых событий.До сих пор я не нашел способ сделать это.
Функция для вызова с обновлением:
$scope.refreshNutrientesList = function () {
for (var i = 0; i < $scope.tablaCnaGeneralInsertada.length; i++) {
$scope.allNutrientes.pop($scope.tablaCnaGeneralInsertada[i].nutriente);
console.log($scope.tablaCnaGeneralInsertada[i].nutriente);
}
};
Элементы, которые нужно удалить, удаляются с помощью этой функции, но в DOM они все еще присутствуют.Это как DOM не обновляется: (