JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='myApp' ng-controller="Main">
  
    <label>Discount</label>  
    <input type="number" name="discount" ng-change="totalDiscount()" ng-model="discountService">% <br/>
    <label>Total Discount</label>  
    <input type="number" name="serviceFee" ng-change="discountPer()" ng-model="ServiceFee"/><br/>

    <!--<span class="col-md-offset-5 col-xs-offset-5 col-sm-offset-5">Total : //{{total() - totalDisc}} </span>-->
    <span class="col-md-offset-5 col-xs-offset-5 col-sm-offset-5" ng-repeat="item in sampleRA">Total : <label name="totalval" id="totalval" ng-model="totalval">{{item.Amount}}</label> </span>
</div>

JavaScript

var myApp = angular.module('myApp', []);
function Main($scope) {
$scope.sampleRA=[{"Amount":"1000"}];
//var textval=document.getElementById('totalval').innerText;

alert($scope.totalval);
  $scope.discountPer = function () {
    if ($scope.ServiceFee) {
      $scope.discountService = ($scope.ServiceFee *100)/$scope.totalval;
    }
  };
  $scope.totalDiscount = function () {
  //value calculation
    if ($scope.discount) {
      $scope.totalDisc = (totalAmt*$scope.discount)/100;
    }
  };

}