Date not loading on the receipt header in my AngularJS controller

Emmmanuel FIADUFE

function GetAllPrintSalesRecord() {
            const urlParams = new URLSearchParams(window.location.search);
            const OrderNo = urlParams.get('OrderNo');

           .then(function (response) {
               var data = response.data.modifiedData;
               $scope.PrintSalesRecordList = data;
               $scope.OrderDate = response.data.OrderDate;
               $scope.Total = response.data.total;
               $scope.DiscountTotal = response.data.discount;
               $scope.VatTotal = response.data.tax;

               if ($scope.$$phase) {
                   $scope.$apply();
               }

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vishal Joshi2y ago

Accepted answer

Hello,

You need to check bindings. as per the code you have bind the data in data variable and still in OrderDate trying to bind data from response model.

Try the below code to get the Date:

function GetAllPrintSalesRecord() {           
    const urlParams = new URLSearchParams(window.location.search);          
    const OrderNo = urlParams.get('OrderNo');     
    .then(function (response) {
         var data = response.data.modifiedData;
         $scope.PrintSalesRecordList = data;
         $scope.OrderDate = data[0].OrderDate;
         $scope.Total = response.data.total;
         $scope.DiscountTotal = response.data.discount;
         $scope.VatTotal = response.data.tax;
              
         if ($scope.$$phase) {
             $scope.$apply();
}

Thanks

Vishal Joshi

Emmmanuel FIADUFE2y ago
Thank you team, please it is working now
Amit Mohanty2y ago
Check the values of response.data.OrderDate and other variables to ensure they contain the expected values by using console.log.
You can directly apply changes to the scope using $scope.$apply() without conditionally checking $scope.$$phase.
You might need to format response.data.OrderDate by using AngularJS filters or JavaScript Date functions, if it is not in correct format.
```
.then(function (response) {
    var data = response.data.modifiedData;
    $scope.PrintSalesRecordList = data;
    $scope.OrderDate = new Date(response.data.OrderDate); // Convert to Date object
    $scope.Total = response.data.total;
    $scope.DiscountTotal = response.data.discount;
    $scope.VatTotal = response.data.tax;

    $scope.$apply();
})
```
Jayraj Chhaya2y ago
you can follow these steps:
1. Check the response from the server: Make sure that the server is sending the correct data for the OrderDate field. You can use browser developer tools or console.log to inspect the response and verify that the OrderDate value is present and in the expected format.
2. Verify the data binding: Ensure that the $scope.OrderDate variable is correctly bound to the date value in the HTML template. Double-check the variable name and make sure it matches the one used in the template.
3. Check for any errors or exceptions: Look for any error messages or exceptions in the browser console that might be preventing the date from being displayed. Address any errors or exceptions that you find.
4. Verify the HTML template: Check the HTML template where the receipt header is defined. Make sure that the OrderDate variable is correctly referenced in the template using AngularJS's data binding syntax, such as {{ OrderDate }}.
5. Test with sample data: If the above steps do not resolve the issue, try hardcoding a sample date value directly in the controller and see if it appears in the receipt header. This will help determine if the issue is with the data or the code logic.