How to get form data in dynamic form in Angularjs?

Question

I have created dynamic form, here I want to send form data to controller. How can do this?

Here is plunker code link https://plnkr.co/edit/xmxDJHTPfJoSFwa2FWCB?p=preview

Issues:

when I change the value then element label also change.
How can I get the form data in product_submit function of controller.

All response appreciated.

For answer to your 1 you use the same variable as label name and as input value that's why there's the same value — Alexis
– Alexis, Commented May 27, 2016 at 8:49
Yes I know that but here I want form data with same name in controller because names are dynamic so I want values in Controller with same name. — Prashant Shukla
– Prashant Shukla, Commented May 27, 2016 at 8:56
Can I get these values in controller in new array with same name index? — Prashant Shukla
– Prashant Shukla, Commented May 27, 2016 at 8:59

Partha Sarathi Ghosh · Accepted Answer · 2016-05-27 09:10:23Z

1

Use

<input type="text" 
       id="module_module" 
       ng-model="getCol.value" 
       required="required" 
       class="form-control col-md-7 col-xs-12" 
       placeholder="Enter {{getCol.Field}}"

/>

Look here ng-model="getCol.value". You are using filed name as text field model value. Filed name and value are different. That is what you want I suppose.

You can access the values easily from your controller as $scope.getColumn[1].value. Change index or iterate accordingly.

Plunker here

edited May 27, 2016 at 9:10

answered May 27, 2016 at 9:04

Partha Sarathi Ghosh

11.7k22 gold badges64 silver badges84 bronze badges

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

3 Comments

Prashant Shukla Over a year ago

But How can I get value in controller with associated variable name?

Partha Sarathi Ghosh Over a year ago

In your controller it is already on your getColumn array. This array holds objects. Each object has a value, just like your Field property. You can iterate over the array or directly access with index as $scope.getColumn[1].value.

Prashant Shukla Over a year ago

I am getting error, please help me to change in plunker what you said.

Vu Quyet · Accepted Answer · 2016-05-27 10:08:35Z

0

To solve label issues, in your html, I changed ng-model expression to bound into getColumn.Value
In controller, I can read value entered in scope.getColumn[i].Value

I also updated code https://plnkr.co/edit/KlhAb69seMzHsLuhqweR?p=preview

edited May 27, 2016 at 10:08

answered May 27, 2016 at 9:03

Vu Quyet

1,7051 gold badge16 silver badges22 bronze badges

2 Comments

Prashant Shukla Over a year ago

This array already present in controller. I can get that. but Here I need to get edited value associated with variable name

Vu Quyet Over a year ago

Because you use getColumn.Field for your ng-model. I update my answer and code. Pls look at it again.

Collectives™ on Stack Overflow

How to get form data in dynamic form in Angularjs?

2 Answers 2

3 Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Related