feat(input): interpolates form input name attrs for ngModel

Author: Caitlin Potter

src/ng/directive/input.js

@@ -953,8 +953,8 @@ var VALID_CLASS = 'ng-valid',
  *
  *
  */
-var NgModelController = ['$scope', '$exceptionHandler', '$attrs', '$element', '$parse',
-    function($scope, $exceptionHandler, $attr, $element, $parse) {
+var NgModelController = ['$scope', '$exceptionHandler', '$attrs', '$element', '$parse', '$interpolate',
+    function($scope, $exceptionHandler, $attr, $element, $parse, $interpolate) {
   this.$viewValue = Number.NaN;
   this.$modelValue = Number.NaN;
   this.$parsers = [];
@@ -964,7 +964,7 @@ var NgModelController = ['$scope', '$exceptionHandler', '$attrs', '$element', '$
   this.$dirty = false;
   this.$valid = true;
   this.$invalid = false;
-  this.$name = $attr.name;
+  this.$name = $interpolate($attr.name || '', false)($scope);
 
   var ngModelGet = $parse($attr.ngModel),
       ngModelSet = ngModelGet.assign;

test/ng/directive/inputSpec.js

@@ -447,6 +447,33 @@ describe('input', function() {
   });
 
 
+  it('should interpolate input names (string)', function() {
+    scope.nameID = '47';
+    compileInput('<input type="text" ng-model="name" name="name{{nameID}}" />');
+    expect(scope.form.name47.$pristine).toBeTruthy();
+    changeInputValueTo('caitp');
+    expect(scope.form.name47.$dirty).toBeTruthy();
+  });
+
+
+  it('should interpolate input names (number)', function() {
+    scope.nameID = 47;
+    compileInput('<input type="text" ng-model="name" name="name{{nameID}}" />');
+    expect(scope.form.name47.$pristine).toBeTruthy();
+    changeInputValueTo('caitp');
+    expect(scope.form.name47.$dirty).toBeTruthy();
+  });
+
+
+  it('should interpolate input names (undefined)', function() {
+    scope.nameID = undefined;
+    compileInput('<input type="text" ng-model="name" name="name{{nameID}}" />');
+    expect(scope.form.name.$pristine).toBeTruthy();
+    changeInputValueTo('caitp');
+    expect(scope.form.name.$dirty).toBeTruthy();
+  });
+
+
   it('should not set readonly or disabled property on ie7', function() {
     this.addMatchers({
       toBeOff: function(attributeName) {