Obtain an indeterminate value from a variable

Question

Obtain an indeterminate value from a variable

My situation involves a dynamic variable assigned from a service, requiring a real-time calculator to update another variable using its value.

Below is the relevant code snippet:

$scope.getSubTotalSCTax = function(){
    TableService.checkOut('SubTotal', $scope.DetailMeja.finCheckInID)
    .then(function(response){
        console.log(response);
        $ionicLoading.hide();
        $scope.checkOut = {
            SubTotal: response.SubTotal,
            TaxPercentage: response.TaxPercentage,
            ServiceChargePercentage: response.SCPercentage,
        };
    }, function(err){
        console.log(err);
    })
};
$scope.getSubTotalSCTax();

$scope.checkOut.ServiceCharge = $scope.checkOut.SubTotal * $scope.checkOut.ServiceChargePercentage / 100;
$scope.checkOut.Tax = $scope.checkOut.SubTotal * $scope.checkOut.TaxPercentage / 100;

However, an error stating

TypeError: Cannot read property 'SubTotal' of undefined

occurs at the line

$scope.checkOut.ServiceCharge = $scope.checkOut.SubTotal * $scope.checkOut.ServiceChargePercentage / 100;

*UPDATE : I have included an input type="text" for both Tax Percentage and Service Charge Percentage. These values need to trigger a recalculation each time they are changed.

*UPDATE2 : The recalculation issue has been resolved by utilizing the ng-change event to call a function that runs the recalculate process.

javascript angularjs ionic-framework

Answer 1

Answer №1

It's important to remember that the TableService.checkout function runs asynchronously. This means that the then callback won't be executed until after the rest of your code has finished evaluating.

To handle this, make sure to return the promise from the function.

$scope.calculateSubTotalAndTax = function(){
  var promise = TableService.checkOut('SubTotal',$scope.tableID);

  promise.then(function(response){
    // ...
  });

  return promise;
};

Then, when you call the method, chain another then onto the promise to ensure proper execution order.

$scope.calculateSubTotalAndTax().then(function() {
  $scope.tableServiceCharge = $scope.tableSubTotal * $scope.serviceChargePercentage / 100;
  $scope.tableTax = $scope.tableSubTotal * $scope.taxPercentage / 100;
});

Answer 2

It's important to remember that the TableService.checkout function runs asynchronously. This means that the then callback won't be executed until after the rest of your code has finished evaluating.

To handle this, make sure to return the promise from the function.

$scope.calculateSubTotalAndTax = function(){
  var promise = TableService.checkOut('SubTotal',$scope.tableID);

  promise.then(function(response){
    // ...
  });

  return promise;
};

Then, when you call the method, chain another then onto the promise to ensure proper execution order.

$scope.calculateSubTotalAndTax().then(function() {
  $scope.tableServiceCharge = $scope.tableSubTotal * $scope.serviceChargePercentage / 100;
  $scope.tableTax = $scope.tableSubTotal * $scope.taxPercentage / 100;
});

Answer 3

Answer №2

function calculateTaxAndServiceCharge() {
    return TableService.checkOut('SubTotal', $scope.DetailMeja.finCheckInID)
};

calculateTaxAndServiceCharge().then(function(response) {
    console.log(response);
    $ionicLoading.hide();
    $scope.checkOut.ServiceCharge = response.SubTotal * response.SCPercentage / 100;
    $scope.checkOut.Tax = response.SubTotal * response.TaxPercentage / 100;

}, function(err) {
    console.log(err);
})

Answer 4

function calculateTaxAndServiceCharge() {
    return TableService.checkOut('SubTotal', $scope.DetailMeja.finCheckInID)
};

calculateTaxAndServiceCharge().then(function(response) {
    console.log(response);
    $ionicLoading.hide();
    $scope.checkOut.ServiceCharge = response.SubTotal * response.SCPercentage / 100;
    $scope.checkOut.Tax = response.SubTotal * response.TaxPercentage / 100;

}, function(err) {
    console.log(err);
})

Obtain an indeterminate value from a variable

Answer №1

Answer №2

Similar questions

selecting arrays within arrays according to their date values

Can this functionality be accomplished using only HTML and CSS, without relying on JavaScript?

What is the method for sending raw put data using the request npm package in a Node.js environment

Unforeseen behavior in Ajax success callback

triggers an unexpected error in console.log

Querying specific data from the API using unique identifiers

What is the best way to retrieve the dimensions of a custom pop-up window from the user?

When a link is right-clicked, the window.opener property becomes null

Angular list with a repeating group of radio buttons

"The Bootstrap framework in MVC is throwing an error message stating that '$.notify' is not recognized as

Tips for retrieving an input value following a DOM insertion

knockout.js' $root leads to a page displaying nothing

I am currently dedicated to enhancing my background transitions and experimenting with creating smooth fade-ins

JavaScript can be utilized to generate an array containing duplicated phrases from a given text

Registering the service worker resulted in an error stating "Undefined is not a function"

Adjust the counter by increasing or decreasing based on the selection or deselection of tags

Guide on including a callback function in the renderCell columns of Material UI X Datagrid

Select the default option and what occurs in the event of an HTTP connection

ReactJS Enhancements: Additional Selection Feature

Utilizing external Cascading Style Sheets in AngularJS 1