How would someone use formName.inputName.$valid when the inputName was dynamically created?
<form name=formName>
<input ng-repeat=(variable) in variables
type=text name=variable.name
ng-model=variable.name required />
</form>
The output of the HTML input attribute 'name' would be the string variablename, which would applied to ALL repeated inputs.
If we tried this
<form name=formName>
<input ng-repeat=(variable) in variables
type=text name={{ variable.name }}
ng-model=variable.name required />
</form>
The output of the HTML input attribute 'name' would be the string{{ variable.name }}, which would be applied to ALL repeated inputs.
In either of these two conditions, a name attribute for each of the repeated input elements would not be created dynamically; ALL inputs would share the same input name. Not much good if you wanted to call a specific input based on a specific name.
- need to use dynamic name values
- need to be able to call $scope.formName.dynamicName.$valid
- need to be able to call $scope.formName.$valid
- need dynamic name input fields to be added to nested form, or master form