added a key option to specify the key for the result data object

Author: ghelton

src/directives/formly-form.js

@@ -16,10 +16,24 @@ angular.module('formly.render')
 			$scope.populateResult = function() {
 				var formChildren = $element.children();
 				var fieldScope;
-				angular.forEach(formChildren, function(field, key){
+				angular.forEach(formChildren, function(fieldElement, key){
 					// grab fields isolate scope
-					fieldScope = angular.element(field).scope();
-					$scope.result[fieldScope.$index] = fieldScope.value;
+					fieldScope = angular.element(fieldElement).scope();
+
+					// check if its a form field, otherwise ignore, ie its the button
+					if (fieldScope.field) {
+						// if a key is set, then save the data with that key in the result object
+						// otherwise use the field's index from the fields array
+						var dataKey;
+						if('key' in fieldScope.field) {
+							dataKey = fieldScope.field.key;
+						} else {
+							dataKey = fieldScope.$index;
+						}
+
+						// set value in result
+						$scope.result[dataKey] = fieldScope.value;
+					}
 				});
 			};
 		}

src/views/home.js

@@ -38,7 +38,8 @@ app.controller('home', function($scope, $parse, $rootScope) {
 	// Public Vars
 	$scope.formFields = [{
 		type: 'email',
-		placeholder: '[email protected]'
+		placeholder: '[email protected]',
+		key: 'email'
 	}, {
 		type: 'text',
 		label: 'First Name',