Dynamic form name attribute <input type=“text” name=“{{ variable-name }}” /> in Angularjs

Question

How would someone use formName.inputName.$valid when the \"inputName\" was dynamically created?

Answer 1

work for me with angular 1.2.7

directive:

var DynamicName = function() {
    return {
        restrict: 'A',
        priority: -1,
        require: ['ngModel'],
        link: function (scope, element, attr, ngModel) {
            ngModel[0].$name = attr.name;
        }
    };
};

app.directive('dynamicName', DynamicName);

howtouse: