Dynamically add multiple table with same structure with different collections in angularjs

Question

0.00/5 (No votes)

See more:

Hi All
Please help me on below requirement.
I have one html table with two columns it contains text box
and user can add multiple rows using add row button.
so i have bind one collection to table and its working fine.
what i want if user will click on AddnewTable button then same table stracture should be create with one row. and their entered data will come in array.

What I have tried:

I have create multiple tab using bootstrap
the default first tab contains html table with tow colons and 1 row (td contains textbox).
if user will click on addNewTab button then new tab with same table structure will be create.But if i add row in second table it also creating same row in first table also. event i typed something in first table row same text is entering in second table.

Posted 28-Mar-16 19:13pm

ram salunke

Updated 30-Mar-16 20:55pm

Add a Solution

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)

Passion4Code · Answer 1 · 2016-03-30T20:55:00

Hello,

Based on your trials, it seems that the changes are being added to the same scope. You can always debug and check to which scope it gets added. Use Angular BatRang Google chrome extension.
AngularJS Batarang (Stable) - Chrome Web Store[^]
In angular it is very important to track the $scope/this inorder to maintain the stability and changes to particular elements.

Please try this else paste your code for better understanding to us.
Thanks