how to do calculation in angularjs with wepapi in mvc

Question

how to do calculation in angularjs with wepapi in mvc. totalamount unit quantity

Suraj Kumar · Answer

Hello Petaraj, In html declare table using ng-repeat directive as shown below div ng-app = "app" > div ng-controller = "app.invoice" class = "container" > table class = "table table-condense" > caption > Products Invoice caption > thead > tr class = "bg-primary" > th > Name th > th > Quantity th > th > Item Cost th > th > Total th > tr > thead > tbody > tr ng-repeat = "item in items" ng-init = "setTotals(item)" > td > {{item.name}} td > td > input type = "number" class = "form-control" ng-model = "item.quantity" ng-change = "setTotals(item)" > td > td > input type = "number" class = "form-control" ng-model = "item.unitCost" ng-change = "setTotals(item)" > td > td > {{item.total | number:0}} td > tr > tbody > tfoot > tfoot > table > div > div > In javascript controller var app = angular.module( 'app' , []); app.controller( 'app.invoice' , [ '$scope' , invoice]); function invoice($scope) { $scope.items = [{ name: 'Baseball Bats' , quantity: 0, unitCost: 0 }, { name: 'Soccer Balls' , quantity: 0, unitCost: 0 }, { name: 'Baseball Gloves' , quantity: 0, unitCost: 0 }]; $scope.total = 0; $scope.setTotals = function (item){ if (item){ item.total = item.quantity * item.unitCost; } } } Here name is the label with hard code value but you can put it into texbox as well as combox or dropdown for selecting it.

how to do calculation in angularjs with wepapi in mvc

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (1)