Question

我有一个ui-select组件，我需要在特定事件后从选项列表中删除所选对象，因此无法再次选择它。我认为它可以通过ui-select-choices的“刷新”属性实现。

用户界面选择：

<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没有得到更新:(

从ui选择选项中删除对象

0 个答案: