JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="MyApp" ng-controller="WizardCtrl">Name of Application Owner
<input type="text" ng-model="user.app_owner_name" name="lead[app_owner_name]">
<br>Contact Person
<input type="text" ng-model="user.contact_person" name="lead[contact_person]">
<br>Application Owner Phone Number
<input type="tel" ng-model="user.app_owner_phone_number" name="lead[app_owner_phone_number]">
<hr> <pre> {{ user | json }} </pre>
<hr>
<div>
<div ng-repeat="(key, value) in fields | orderBy: 'index'">
<div ng-show="value">
<div>{{value.field}}:</div>
<div>{{user[key]}}</div>
</div>
</div>
</div>
</div>
JavaScript
var app = angular.module('MyApp', []);
app.controller('WizardCtrl', ['$scope', function ($scope) {
$scope.fields = {
contact_person: {
field: 'Contact Person',
index: 1
},
app_owner_name: {
field: 'Name of Application Owner',
index: 2
},
app_owner_phone_number: {
field: 'Application Owner Phone Number',
index: 3
},
}
}]);