JSFiddle - React, Tailwind, and code Playground

by chandings

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.9/angular.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<div ng-app="loanstreetIpadAppApp" ng-controller="Mortgage_LoanCtrl"><p>This is the about Submission Details</p>
<div class="container">

<div class="col-sm-3">
    <label>
        Name:
        <div class="input-group">
        <input ng-model="info.name" id="applicant-name-home-loan" type="text" name="name_value" class="form-control" placeholder="Your Name" required>
    </div>
  </label>
 </div>

 <div class="col-sm-3">
    <label>
    Email:
    <div class="input-group">
        <input ng-model="info.email" type="email" name="email_value" class="form-control" placeholder="[email protected]" required>
    </div>
  </label>
  </div>         

<div class="col-sm-3">
    <label>
    Telephone:
        <div class="input-group">
        <input ng-model="info.phone_number" type="text" name="telephone" class="form-control" placeholder="012 3456 789" required>
      </div>
    </label>
</div>

<div class="col-sm-2">
    <label>
    Nationality:
    <div class="input-group">
        <select ng-model="otherDetails.nationality" class="form-control" name="hnationality_type">
        <option value="" default selected class="placeholder">Please Select</option>
        <option>Malaysian</option>
        <option>Singaporean</option>
        <option>Others</option>
      </select>
    </div>
  </label>
</div>

              <div class="col-sm-1">
                <label>
                  Age:
                  <div class="input-group">
                    <input ng-model="otherDetails.age" type="text" name="age" class="form-control custom-age-width" placeholder="30" maxlength="2">
                  </div>
                </label>
              </div>

            <div class="row padding-top-extra">

              <div class="col-sm-3">
                <label>
                  Monthly gross...

JavaScript

angular.module('loanstreetIpadAppApp',[])
      .controller('Mortgage_LoanCtrl', function ($location, $scope, $http) {
        console.log('LOAD Mortgage_LoanCtrl');
          $scope.confirmation = false;
          $scope.info = {};
          $scope.otherDetails = {};
          $scope.submit_info = function() {
              console.log($scope.info)
              $http({
                  method: 'POST',
                  url: '/mortgage/submit',
                  data: $scope.info
              }).success (function(data) {
                  console.log('Data stored');
                  console.log(data);
                  //redirect only after you recieve response.
                  //$location.path(path);
              }).error(function(reason) {
                  console.log(reason);
                  //redirect only after you recieve response.
                  //$location.path(errorPath);
              });
          };
});