Adding inputs dynamically not working properly

Question

I have an issue trying to add inputs dynamically.

I have this:

<button ng-click="operations.push({})">Add input</button>

which is adding inputs:

<div ng-repeat="operation in operations">
  <input ng-model="operation.detailText">
</div>

I have 2 columns, where I have exactly the same due to an ng-repeat, so, in both columns I have the adding inputs button, When I click on the button Add input, I am adding the inputs to both columns, which I don't want, I need to add those inputs only to the current input where I am working on.

I made a video for you to see what I am talking about. Here the video

Check here for the code: jsbin

You need to put up more of your code. This is likely doing this because the alias for both controllers (for each (column?)) is the same, but we can't know for sure without more. Maybe consider making a fiddle?: jsfiddle.net — Grallen
– Grallen, Commented May 28, 2015 at 20:42
all I have in the controller is this $scope.operations = []; @Grallen and yes, is the same controller. Look at the video. — Non
– Non, Commented May 28, 2015 at 20:47
each column needs it's own controller or the controller need an element in an array for each column (multidimensional array) — Grallen
– Grallen, Commented May 28, 2015 at 20:48
Make a working jsfiddle for the next time so you can avoid downvotes. — Grallen
– Grallen, Commented May 28, 2015 at 21:08

Zee · Accepted Answer · 2015-05-28 20:56:54Z

2

I think you are using the same array for both the ng-repeat that is

operations

So when you click on add button it adds an empty object to operations and both the ng-repeat is affected since they both are using the same array.

You need to have different arrays, something like operations and operations1 and then write the second ng-repeat with operations1

answered May 28, 2015 at 20:56

Zee

8,4805 gold badges39 silver badges59 bronze badges

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

1 Comment

Non Over a year ago

did you see the video ??? there are 2 boxes one above another, why those boxes needs to have different arrays or controllers if they are boxes reproduced due to a ng-repeat?. Then I have another ng-repeat because when I do click on add button, I need it to reproduce infinite amount of inputs. I thought that by doing something like $index in any part will fix my issue.

Collectives™ on Stack Overflow

Adding inputs dynamically not working properly

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related