How to access dynamic form name in Controller?

Question

I want to access the dynamic form name in controller. Here is my code:

HTML

<form name="{{myForm}}" novalidate>     
    <input type="text" ng-model="username" name="username" required/>
    <span ng-show="(submit && myForm.username.$error.required)">
        <span>Required</span>
    </span>
</form>

CONTROLLER

angular.module("myApp",[]).controller("myCtrl",function($scope) {
    $scope.myForm= "validateForm";      
    console.log("form" + $scope.myForm)
});

I want $scope.myForm should print the form object but it prints the string "validateForm"

Sorry it's typing mistake actually it's <form name="{{myForm}}" novalidate> — Vinoth kanna
– Vinoth kanna, Commented Apr 22, 2017 at 16:36
Well, you wrote $scope.myForm = "validateForm";. What exactly did you expect that $scope.myForm would print actually? Something different from validateForm? Because if it was something different then I would be puzzled. Wouldn't you? — Darin Dimitrov
– Darin Dimitrov, Commented Apr 22, 2017 at 16:38

Pankaj Parkar · Accepted Answer · 2017-04-22 17:08:48Z

1

I'm guessing you wanted to validated dynamic form without knowing its name. You could pass a form name on form submit event ng-submit

<form name="{{name}}" novalidate ng-submit="save(name)">

Then you could validate form inside controller method.

$scope.save = function(form){
   console.log($scope[form]) //here you can get form from `$scope`
}

edited Apr 22, 2017 at 17:08

answered Apr 22, 2017 at 16:39

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Vinoth kanna Over a year ago

Hi I tried your solution but it's not printing the form object.. it just printing the string name attibute

Pankaj Parkar Over a year ago

@Vinothkanna check updated.. forgot to update code in my function.. It should be $scope[form]

Vinoth kanna Over a year ago

Is there any other way to do it other than this?

Pankaj Parkar Over a year ago

@Vinothkanna what do you mean by anyother way & why this isn't good?

Vinoth kanna Over a year ago

This is good when we have a submit button inside the same form but in my case i have lots of components. I have a buttons in a seperate component so ng-submit is not triggered

|

Collectives™ on Stack Overflow

How to access dynamic form name in Controller?

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related