Somehow these got lost when I submitted my PR, but they're here now. Rebased master as well

Author: Kent C. Dodds

CHANGELOG.md

@@ -6,6 +6,8 @@ Version numbers correspond to `bower.json` version
 
 Added `hide` property on fields. Allows devs to conditionally show fields. Also adding `hideExpression` property which is an expression that will be evaluated on the result object (using $parse) to make the api simpler to use.
 
+Added `template` property on fields. Allows devs to have one-liner templates. Mainly used for directives so a single template can be used with options. Also improved the id of fields that use templateUrls or templates.
+
 ## Bug Fixes
 
 ## Breaking Changes

src/views/custom-field.js

@@ -0,0 +1,40 @@
+app.directive('customField', function($timeout) {
+	return {
+		template: function(el, attrs) {
+			return [
+				'<div class="form-group" style="position:relative">',
+					(attrs.hasOwnProperty('addSmile') ? ':-)' : ''),
+					'<label for="{{id}}">',
+						'{{options.label || "Text"}}',
+						'{{options.required ? "*" : ""}}',
+					'</label>',
+					'<input type="text"',
+						   'class="form-control"',
+						   'id="{{id}}"',
+						   'placeholder="{{options.placeholder}}"',
+						   'ng-required="options.required"',
+						   'ng-disabled="options.disabled"',
+						   'ng-change="onChange(value)"',
+						   'ng-model="value">',
+					'<span ng-show="loading" style="position:absolute;top:34px;right:10px;color:lightgray;font-size:.8em">',
+						'Pretending to load something...',
+					'</span>',
+				'</div>'
+			].join(' ');
+		},
+		link: function($scope, $element, $attr) {
+			$scope.loading = false;
+			var loadingTimeout = null;
+			$scope.onChange = function pretendToLoadSomething(value) {
+				$timeout.cancel(loadingTimeout);
+				if (!value) {
+					return;
+				}
+				$scope.loading = true;
+				loadingTimeout = $timeout(function() {
+					$scope.loading = false;
+				}, Math.floor((Math.random() * 600) + 300));
+			};
+		}
+	};
+});

src/views/custom-template.html

@@ -0,0 +1,15 @@
+<div class="form-group">
+	<div>Look mah! Custom Templates!</div>
+	<label for="{{id}}">
+		{{options.label || 'Text'}}
+		{{options.required ? '*' : ''}}
+	</label>
+	<div>{{value}}</div>
+	<input type="text"
+		   class="form-control"
+		   id="{{id}}"
+		   placeholder="{{options.placeholder}}"
+		   ng-required="options.required"
+		   ng-disabled="options.disabled"
+		   ng-model="value">
+</div>