0

Estou precisando atualizar uma div após a seleção da opção na ng-option.

Controller.js

    $scope.prop = {
            "type": "select", 
            "name": "Service",
            "value": "CDI", 
            "values": [ "CDI", "IBOVESPA"] 
    };

index.html

                        <label for="indice">Indices:</label> 

                          <select class="form-control input-sm" 
                          data-ng-model="prop.value" 
                          data-ng-options="v for v in prop.values">
                          </select>     


                        <tbody>
                            <tr>
                                <td class="text-center">CDI</td>
                                <td class="text-center">{{vm.lamina.cdi.mes ?
                                    (vm.lamina.cdi.mes | number : 2) :
                                    vm.messageService.getN('MN009')}}</td>
                                <td class="text-center">{{vm.lamina.cdi.ano ?
                                    (vm.lamina.cdi.ano | number : 2) :
                                    vm.messageService.getN('MN010')}}</td>
                                <td class="text-center">{{vm.lamina.cdi.ultimoAno ?
                                    (vm.lamina.cdi.ultimoAno | number : 2) :
                                    vm.messageService.getN('MN010')}}</td>
                            </tr>
                            <tr>
                                <td class="text-center">% CDI</td>
                                <td class="text-center" data-ng-if="vm.cdiMes != '(-)'">{{vm.cdiMes | number : 2}}</td>
                                <td class="text-center" data-ng-if="vm.cdiMes == '(-)'">{{vm.cdiMes}}</td>
                                <td class="text-center" data-ng-if="vm.cdiAno != '(-)'">{{vm.cdiAno | number : 2}}</td>
                                <td class="text-center" data-ng-if="vm.cdiAno == '(-)'">{{vm.cdiAno}}</td>
                                <td class="text-center" data-ng-if="vm.cdiUltimoAno != '(-)'">{{vm.cdiUltimoAno | number : 2}}</td>
                                <td class="text-center" data-ng-if="vm.cdiUltimoAno == '(-)'">{{vm.cdiUltimoAno}}</td>
                            </tr>
                        </tbody>

Precisaria do suporte para trocar a tbody CDI para uma tbody IBOV de acordo com a opção selecionada na ng=option ou de atualizar os dados numa única tbody.

1 Resposta 1

0

Você pode usar o ng-if para alterar as tabelas:

<tbody ng-if="prop.value === 'CDI'">
  ...
</tbody>

<tbody ng-if="prop.value === 'IBOVESPA'">
    ...
</tbody>

OU cria um array/objeto com os dados da tabela:

$scope.dados = {
  CDI:{
    mes:"09",
    ultimoAno:"2018",
    ....
  },
  IBOVESPA:{
    mes:"09",
    ultimoAno:"2018",
    ....
  }
}

e altera sua tabela para algo:

<tr>
    <td class="text-center">% {{prop.value}}</td>
    <td class="text-center" data-ng-if="dados[prop.value].mes != '(-)'">{{dados[prop.value].mes | number : 2}}</td>
    <td class="text-center" data-ng-if="dados[prop.value].mes == '(-)'">{{dados[prop.value].mes}}</td>
....
</tr>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .