POS-26: Get data using ASP.NET MVC AngularJS JQUERY

Part-1: Point of Sale(POS) Inventory Super Shop Management System using ASP.NET MVC Part-2: Point of Sale(POS) Setup template to your project | Super Shop Management System|ASP.NET MVC Part-3: Point of Sale(POS) Database & table analysis | Super Shop Management System|ASP.NET MVC Part-4: Point of Sale(POS) Database Create in SQL Server | Super Shop Management System|ASP.NET MVC Part-5: Point of Sale(POS) Login using AJAX ASP.NET MVC | JQUERY Part-6: Point of Sale(POS) Login and Authorization with Session variables in ASP.NET | JQUERY | AJAX Part-7: Point of Sale(POS) Convert Password to MD5 Hash string in ASP.NET | Encrypt password in ASP.NET MVC C# Part-8: Point of Sale(POS) Role based authentication and authorization in ASP.NET MVC|Redirect to not found page if not authorized|C# Part-9: Point of Sale(POS) Create user & Account management UI UX in ASP.NET MVC Part-10: Point of Sale(POS) User Creation & user registration using ASP.NET MVC | Jquery | Ajax Part-11: Point of Sale(POS) Get user list using ASP.NET MVC | Jquery | Ajax Part-12: Point of Sale(POS) Update user using ASP.NET MVC | Jquery | Ajax Part-13: Inventory and POS Login logout session using ASP.NET | Supershop management system Part-14: Inventory Category CRUD Create,Retrieve,Update,View | POS Category CRUD using ASP.NET JQuery AJAX Part-15: Inventory and POS batch tracking and control table create in SQL Server 2012 Part-16: Inventory Product CRUD List | Point of sale Products Crud using MVC Part-17: Inventory and POS Batch CRUD using MVC JQUERY AJAX | CSharp Part-18: Inventory management and stock control using mvc | Jquery AngularJs Part-19: Inventory & POS Stock edit and validation using AngularJS POS 20: Inventory & POS AngularJS error fix POS-21: Inventory & POS Invoice template setup using Bootstrap POS-22: Invoice Adding input fields & adding rows Dynamically using Javascript | ASP.NET MVC | AngularJs POS-23: Inventory Onclick get selected data & Calculate line total using Javascript ASP.NET MVC JQUERY POS-24: Inventory Invoice Configuration and Calculation using JavaScript AngularJS ASP.NET MVC POS-25: Inventory sale from invoice using ASP.NET MVC | Jquery AngularJS POS-26: Get data using ASP.NET MVC AngularJS JQUERY POS-27: Invoice sales page edit using ASP.NET MVC JQUERY AngularJS POS-28: Invoice vat calculation discount calculation using Javascript ASP.NET MVC | Invoice crud POS-29: Invoice calculate subtotal add row remove row using AngularJS ASP.NET MVC

7/8/2021 12:00:00 AM

Download Project

Post your any code related problem to

Follow the previous video and articles to complete the POS tutorials


  • Add a method Inside the HomeController.cs
        public ActionResult InvoiceList()
            return View();
  • Add a view called InvoiceList.cs
    ViewBag.Title = "InvoiceList";
    Layout = "~/Views/Shared/_Layout.cshtml";

<div class="col-xl-12 col-md-12 mb-12" ng-controller="HomeInvoiceList">
    <h2>Sales record</h2>
    <div class="card border-left-primary shadow h-100 py-2">
        <div class="card-body">
            <div class="row no-gutters align-items-center">
                <div class="col mr-2">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                <th>Order No</th>
                                    Customer name
                                    Customer Phone
                                    Sales Date
                            <tr ng-repeat="item in SalesList">
                                <td>{{item.CustomerPhone}} </td>
                                <td> {{item.OrderDate}}</td>
                                <td><a href="#" class="btn btn-success">Detail</a></td>
<script src="~/Scripts/Home/HomeInvoiceListController.js"></script>


  • Add a JavaScript file called HomeInvoiceListController.js and add below code to the file.
 (function () {
    app.controller('HomeInvoiceList', function ($scope, $http, $filter) {
        var init = function () {
        }; //end of init
        init(); //init is called

        function GetAllSales() {
                .then(function (response) {
                    var data =;
                    $scope.SalesList = data;


  • Now run the project

About Teacher