Here is the code for my custom directive:
restrict: 'E',
scope: {
},
templateUrl: 'directives/my.directive.html',
link: function(scope) {
// I want to be able to access "myForm" here (e.g., to setPristine(), etc.)
scope.customVariable = {}
}
This is what the template looks like:
<form name="myForm" novalidate>
<input name="inputOne" type="text" ng-model="customVariable.name" required />
</form>
I have tried the following:
console.log(scope.myForm) // returns undefined
and:
<form name="myForm" novalidate>
<div ng-init="customVariable.newForm = myForm"></div>
<input name="inputOne" type="text" ng-model="customVariable.name" required />
</form>
console.log(scope.customVariable.newForm) // returns Undefined
Please do not suggest using:
require: '^form'
I am encountering an error: Unable to get FormController. This makes sense since the form is part of the directive and not the parent template/scope.
I would really appreciate some assistance with this.