1

Tenho a seguinte função:

$scope.calcularTotal = function(startDate, endDate){
    $scope.items = $filter('betweenDate')($scope.items, 'dataPagamento', startDate, endDate);
    console.log("testee: "+$scope.items)
    var total = 0;
    var glosa = 0;
    var lote = 0;
    angular.forEach($scope.items, function(item) {
      total += (item.totalLiquido);
      glosa +=(item.totalGlosa);
      lote +=(item.totalLote);
    });
    $scope.totalLiquido = total;
    $scope.totalGlosa = glosa;
    $scope.totalLote = lote;
    console.log("Total: "+$scope.total)
    $state.go('tabs.facts', {}, {reload: true});
  }

Nessa função eu percorro um Array e faço a soma dos valores. No console.log que tem no final o total aparece corretamente. Porém quando tento fazer o Data Binding em minha página os valores não aparecem:

Essa é a página:

ion-view title="Totais" cache-view="false">
  <ion-content has-header="true" padding="true">
    <h3 style="text-align:center">Total</h3>
    <p style="margin-top:30px;font-weight:bold;color: #0066FF">Total Lote:    {{totalLote | currency}}</p>
    <p style="font-weight:bold;color: #990000">Total Glosa: {{totalGlosa | currency}}</p>
    <p style="font-weight:bold;color: #339900">Total Líquido: {{totalLiquido | currency}}</p>
  </br>
</br>
</br>
</br>
<p>
  <a class="button icon ion-home" href="#/tab/home" style="width:100%"> Home</a>
</p>
</ion-content>
</ion-view>

E esse é o resultado:

inserir a descrição da imagem aqui

Como poderia resolver esse problema?

9
  • Vc imprimi apenas o $scope.total. Coloque os outros valores também 3/11/2015 às 17:28
  • Coloquei e todos são impressos no console @EmirMarques. Porém eles não aparecem na página 3/11/2015 às 17:30
  • De uma olhada: i.stack.imgur.com/8k3dg.png 3/11/2015 às 17:33
  • Tente sem o filter currency 3/11/2015 às 17:35
  • Também não funciona @EmirMarques 3/11/2015 às 17:36

1 Resposta 1

1

Dicas:

1) Você tem de entender o ciclo de digest do Angular;

2) Você deve chamar esta função em algum lugar (você não detalhou isso na pergunta) seja ao clicar um botão ou como código no controller;

3) Quando você altera variáveis do scope dentro da função, essas alterações aconteceram em um momento posterior ao digest inicial na carga do view, então você deve avisar o Angular para re-escanear as alterações. Algo como: if (!$scope.$$phase) $scope.$apply(); na última linha da sua função.

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 .