使用Angularjs从Firebase中删除特定数据

Question

我正在尝试使用angularjs从Firebase中删除特定数据。但是我的编码从其中删除了所有数据。任何帮助将不胜感激。

例如，我需要使用其中的“删除”按钮删除突出显示的第二个数据。

我的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之上，我正在尝试使用deleteSpent（）函数删除firebase中的特定数据。我知道我没有针对JS中的特定数据。如果有人帮助我解决和理解其概念，将不胜感激。