JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="POSapp">
<div ng-controller="Ctrl">
<form name="form" novalidate="">
<div>
<label>btcValue
<input type="number"
ng-model="payment.btcValue"
name="btcValue" />
</label>
</div>
<div>
<label>
timeGenerated
<input type="number"
ng-model="payment.timeGenerated"
name="timeGenerated" />
</label>
</div>
<div>
<label>
<input type="checkbox"
ng-model="payment.paid" />
paid?
</label>
</div>
<div>
<label>
Address
<input type="text"
ng-model="payment.destAddress"
name="destAddress" />
</label>
</div>
<div>
<label>
IDR Amount
<input type="text"
ng-model="payment.idAmount"
name="idrAmount" />
</label>
</div>
<div>
<label>
USD Amount
<input type="text"
ng-model="payment.usdAmount"
name="usdAmount" />
</label>
</div>
<button ng-click="payment.reset()">Reset</button>
</form>
</div>
</div>
JavaScript
angular.module('POSapp', [])
.factory('RequestedPayment', function () {
// initialised data for a Requested Payment (generated invoice)
var invoiceData = {
btcValue: 0,
timeGenerated: 0,
paid: false,
destAddress: '',
idrAmount: '',
usdAmount: ''
};
this.reset = function() {
angular.extend(this, invoiceData);
};
this.reset();
return this;
})
.controller('Ctrl', function($scope, RequestedPayment) {
$scope.payment = RequestedPayment;
});