Multiplication of two Numbers in AngularJS

skp

SOLVED CLOSED ACTIVE ANSWERED
User: skp
Posted: on Jul 10, 2019 03:44 AM
Forum: AngularJS
Answer: 1
Views: 4428
Sample Code: Download

I have two textboxes : input 1 is a text box and output is a textbox, whereas input 2 is not a textbox, since it is a fixed quantity

For Eg :

If the input 2 has a fixed value of 510, the output textbox value must vary according to the input 1 textbox value.

1 * 510 = 510

2 * 510 = 1020

I'm not getting it right, check my code.

$scope.calc = function () {
    $scope.mul = parseFloat($scope.num) * parseFloat($scope.nums);
}

<div class="col-md-2 pull-left airways-info-sect">
    <span class="fli-code">No Of Pallets</span>
    <span class="airways-name ">
        <input type="number" class="" placeholder="" ng-model="num" ng-init="num=0" ng-change="calc()" required="" style="border:1px solid #333; width:20%" /><i class="mr-3 fa fa-plus-square-o" style="font-size:22px; padding-left:5px; position:absolute;"></i>
    </span>
</div>
<div class="col-md-1 pull-left airways-info-sect"> 
    <span class="fli-code">Accept Qty</span> 
    <span class="airways-name" ng-model="nums">{{item.Numbers}}</span>  
</div>
<div class="col-md-1 pull-left airways-info-sect">
    <span class="fli-code">Issue Qty</span>
    <input type="number" class="" placeholder="" ng-model="mul" ng-init="mul=0" required="" style="border:1px solid #333; width:70%" />
</div>

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Jul 10, 2019 03:51 AM
Modified: on Jul 10, 2019 05:01 AM
Report

Hi skp,

Check this example. Now please take its reference and correct your code.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('MyApp', []);
        app.controller("MyController", function ($scope) {           
            $scope.nums = 510;
            $scope.calc = function () {
                $scope.mul = parseFloat($scope.num) * parseFloat($scope.nums);
            }
        });     
    </script>
</head>
<body>
    <div ng-app="MyApp" ng-controller="MyController">       
        <table>
            <tr>
                <td><span>No Of Pallets</span></td>
                <td><input type="number" min="0" ng-model="num" ng-init="num=0" ng-change="calc()" /></td>
            </tr>
            <tr>
                <td><span>Accept Qty</span></td>
                <td><span ng-model="nums">{{nums}}</span></td>
            </tr>
            <tr>
                <td><span>Issue Qty</span></td>
                <td><input type="number" min="0" ng-model="mul" ng-init="mul=0" /></td>
            </tr>
        </table>
    </div>
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Multiplication of two Numbers in AngularJS

Company

Explore

Follow us

Contact Us