Удалить определенные данные из базы данных с помощью Angularjs - PullRequest
Новая
       6

Удалить определенные данные из базы данных с помощью Angularjs

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

Я пытаюсь удалить определенные данные из базы данных с помощью angularjs. Но моя кодировка удаляет все данные из него. Любая помощь будет оценена.

enter image description here

Например, мне нужно удалить вторые данные, как выделено, используя кнопку удаления в них.

Мой HTML: 

<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:"₹" }}
            <button type="button" ng-click="deleteSpent(panam)">Remove</button>
        </div>

    </div>

    <div class="row" style="background: #1feb6b">
        <div class="col-6"> Total Money spend </div>
        <div class="col-6 text-right"> {{ getTotal() | currency:"₹" }} </div>
    </div>

</div>

Мой 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;
    });

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

    $("#nombre").submit(function() { 

        if( (!$("#Spentfor").val()) || (!$("#SpentAmount").val()) ) {
            $(".form-control").css({"border":"3px solid red"});
        }
        else {

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

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

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

    $scope.deleteSpent = function(info){
        $scope.panam
        .$remove(info)
        .then( function(ref){}, function(error){})
    }   
}]);

Выше JS я пытаюсь удалить определенные данные в firebase, используя функцию deleteSpent (). Я знаю, что мне не хватает целевых данных в моем JS. Если кто-нибудь поможет мне решить и понять его концепцию, мы будем благодарны.

...