supercoffee/dynamic-forms.html

## dynamic-forms.html
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body ng-controller="MyController">
<form>
    <div ng-repeat="(name, display) in form">
        <label for="{{ name }}">{{ display }}</label>
        <input name="{{ name }}" type="text" ng-model="data[name]">
        <span>{{ data[name] }}</span>
    </div>
</form>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script>
    var app = angular.module('app', []);
    app.controller('MyController', function($scope){
        $scope.form = {
            name: 'First name',
            address: 'Address Line 1',
            apt_num: 'Apartment/ unit number'
        };
        $scope.data = {};
    });
</script>
</html>
	<!DOCTYPE html>
	<html lang="en" ng-app="app">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	</head>
	<body ng-controller="MyController">
	<form>
	<div ng-repeat="(name, display) in form">
	<label for="{{ name }}">{{ display }}</label>
	<input name="{{ name }}" type="text" ng-model="data[name]">
	<span>{{ data[name] }}</span>
	</div>
	</form>
	</body>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
	<script>
	var app = angular.module('app', []);
	app.controller('MyController', function($scope){
	$scope.form = {
	name: 'First name',
	address: 'Address Line 1',
	apt_num: 'Apartment/ unit number'
	};
	$scope.data = {};
	});
	</script>
	</html>