How to add rows to a table on click of a button in Angular JS?

Question

1.00/5 (1 vote)

See more:

, +

Hi..
I want to add rows to a table on click of a button(each row would consists of textboxes and dropdown lists) in Angular JS.

I tried everything,I googled for more than a week but could not crack this.
Please help. Its urgent

Posted 5-Jan-16 7:43am

Member 11579819

Add a Solution

Comments

Sergey Alexandrovich Kryukov 5-Jan-16 13:55pm

Everything? What exactly? What have you tried so far?
—SA

Member 11579819 5-Jan-16 13:59pm

I tried but everything was complete mess. It's no where around what was supposed to happen. I cannot decide how can I create rows which would consists of textboxes and dropdowns where I have to populate some of them with AJAX.

Sergey Alexandrovich Kryukov 5-Jan-16 14:08pm

Than write something which is not mess. You just need to add an event handler to a button and the do DOM manipulation. An AngularJS manual should explain it all. Besides, AngularJS contains the tiny jQuery subset. And, finally, this problem is easily solved using native JavaScript without any libraries.
If you don't want to show what have you tried, it's hard to get help for you.
—SA

Member 11579819 5-Jan-16 14:12pm

There's nothing like I am trying to hide what I have written till now. I always used to post all the codes here in Code Project. But this time I feel like the codes are not sensible and I am too shy to post them. Nevertheless I will try doing something sensible and post it here ASAP. Meanwhile if you can then do think on this.

ZurdoDev 5-Jan-16 14:27pm

I suggest start by searching for how to dynamically add controls to a page using jquery, since that is really what you are doing.

There are lots of examples.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Fernando Cortes Flores · Answer 1 · 2016-01-11T23:50:00

Hi, you can create a collection into your controller and use the ng-repeat directive into a . Then in a click event you can add element to your collection, this generate new rows.

Example

For more complex functionality you must understand the angularjs directives and implement your own directives.