JSFiddle - React, Tailwind, and code Playground

by RajamohanShilpa A

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js"></script>
<div ng-app="FetchApp">  
    <div ng-controller="FetchCtrl" >
      <div ng-repeat="item in values">
          <label>{{item.pid}}</label>
          <input type="text" ng-model="item.pqty" />        
      </div>
         <div ng-repeat="item in values">
          <label>{{item.pid}}</label>
          <label>{{item.pqty}}</label>           
             <label>{{ item.pprice * item.pqty}}</label>           
      </div>        
    </div>
</div>

JavaScript

(function(){
    angular.module("FetchApp",[])
        .controller("FetchCtrl",function($scope) {
        $scope.values=[{
            "pid":1,
            "pcount":10,
            "pprice":100
        },
                      {
            "pid":2,
            "pcount":2,
            "pprice":200
        }];               
    });
})();