JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://d1e24pw9mnwsl8.cloudfront.net/c/bootstrap/css/bootstrap.min.css">
<div ng-app>
<div class="col-xs-12">
<label class="col-xs-6 control-label">Type:</label>
<div class="col-xs-6">
<select name="type" ng-model="payment.type" ng-dropdown required
ng-change="payment.Check = ''; payment.Cash = ''; payment.Money Order = ''; payment.Debit Card = ''">
<option ng-option value="Cash">Cash</option>
<option ng-option value="Check">Check</option>
<option ng-option value="Money Order">Money Order</option>
<option ng-option value="Debit Card">Debit Card</option>
</select>
</div>
</div>
<div class="col-xs-12" ng-switch="payment.type">
<div ng-switch-when="Cash">
<label class="col-xs-6 control-label">Cash :</label>
<div class="col-xs-6">
<input type="number" class="form-control" ng-model="payment.cash" />
</div>
</div>
<div ng-switch-when="Money Order">
<label class="col-xs-6 control-label">Money order :</label>
<div class="col-xs-6">
<input type="number" class="form-control" ng-model="payment.Money Order" />
</div>
</div>
<div ng-switch-when="Check">
<label class="col-xs-6 control-label">Debit Card:</label>
...