Рассчитать общую сумму с помощью AngularJS - PullRequest
Новая
       1

Рассчитать общую сумму с помощью AngularJS

0 голосов
/ 13 ноября 2018

Я пытаюсь рассчитать общую сумму, используя AngularJS.хочу рассчитать общую сумму потраченного, которая выделена на изображении выше.Буду признателен за любую помощь.

enter image description here Мой HTML: - 

<body ng-app="nombre">

<div class="container">
    <div class="row">
        <div class="col-12">
            <form class="row" id="nombre">
                <div class="input-group mb-3">
                  <input type="text" class="form-control col-9" id="Spentfor" name="Spentfor" placeholder="Spent for">
                  <input type="text" class="form-control col-3" id="SpentAmount" name="SpentAmount" placeholder="Spent Amount">
                  <div class="input-group-append">
                    <button id="add" class="btn" type="submit">Add</button> 
                  </div>
                </div>
            </form>     
        </div>
    </div>
</div>


<div class="container" ng-controller="budgetCtrl">
    <div class="row list" ng-repeat="kasu in panam">
        <div class="col-6"> {{ kasu.title }} </div>
        <div class="col-6 text-right total">
            {{ kasu.spent | currency:"₹" }}
        </div>

    </div>

    <div class="row">
        <div class="col-6"> Total Money spend </div>
        <div class="col-6 overalltotal"> {{ getTotal() }} </div>
    </div>
</div>
</body>

Мой JS: - 

var nombre = angular.module('nombre', ['ngRoute', 'firebase']);

nombre.controller('budgetCtrl', ['$scope', 'money', '$firebaseObject', function($scope, money, $firebaseObject){
    money.then(function(data){
        $scope.cash = data;
        // $scope.pisa = data.desktop;
    });

    var ref = firebase.database().ref();
    $scope.panam = $firebaseObject(ref);
    var pa = $scope.panam;

    $("#nombre").submit(function() { 
        $(this), console.log("Submit to Firebase");
        var Spentfor = $("#Spentfor").val(),
            SpentAmount = $("#SpentAmount").val(),
            total = { title: Spentfor, spent: SpentAmount};
        alert(total);

        return ref.push().set(total).then(function() { 
            $("#Spentfor, #SpentAmount").val("");
        });

    });

    $scope.getTotal = function(){
        // edit here
    }

}]);

nombre.factory('money', ['$http', function($http){
    return $http.get('budget.json')
            .then(function(response){
               return data = response.data;
            }, function(error){
                alert('error');
            });
}]);

Я пытаюсь справиться с этим.

$scope.getTotal = function(){}

Указанные выше данные вызываются из базы данных.Я пытаюсь рассчитать общую сумму, потраченную с помощью AngularJS.Любая помощь будет оценена.

Ответы [ 3 ]

0 голосов
/ 13 ноября 2018

Вы можете позвонить getTotal и передать pa

let total =0;
$scope.getTotal = function(obj){
    obj.forEach(function(item){
     total += parseFloat(item.spent)
 })
}
var pa = $scope.panam;
$scope.getTotal(pa)
0 голосов
/ 13 ноября 2018

Вы можете перебрать и добавить его к итогу 

$scope.total = 0;
money.then(function(data){
        $scope.cash = data;

         // if cash is array of object
          $scope.getTotal();

    });
$scope.getTotal = function(){
    $scope.cash.forEach((val) => {
             $scope.total += val.spent;
          })
}
0 голосов
/ 13 ноября 2018

Согласно данным, которые вы показываете в своем HTML-шаблоне, это должно работать: 

$scope.getTotal = function(){
  let total = 0;
  $scope.panam.forEach(p => {
    total += parseFloat(p.spent);
  });
  return total;
}

Выполните итерацию всех ваших элементов (panam) и добавьте spent число к total, которое вы отправляете обратноваша функция getTotal.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...