ng-if not working when nested table iteration using ng-repeat

Question

when table inside table repeating dynamically in that time ng-if is not working.when am adding one row in child table in that time taking wrong parent index.am using like that but in input filed working fine but buttons are not working when ng-if condition taking wrong parent index

eg:

<div  id="parentdivId" ng-repeat="parent in listOfParentTables">

            <table >
            <thead class="evlhead ingpopuphead">
              <tr>
                <th >A</th>
                <th >B</th>               
                <th >C</th> 
              </tr>
            </thead> 

            <tbody >
             <tr  ng-repeat="child in parent.childMaster" ng-if="child.status!=2">  
             <td > 
              <select   id="a10" ng-model="child.a10">
               <option ng-repeat="list in listMaster" value={{list.ID}}>{{list.NAME}}</option>
              </select>  
              </td> 
             <td ><div class="addrembtn" ><input class="btnadd" type="button" value="+" id="addbutton10"  ng-click="addNewChildRow($parent.$index,$index)"><input class="btnrem" type="button" value="-" id="deletebutton10"  ng-click="removechildRow($parent.$index,$index)"></div></td>
            </tr>
               </tbody> 
           </table>


           <div style="float:left;"> 
            <button class="parentbtn" style="margin:37px 0px 0px 17px !important;width: 75px;" value="AddTable" id="basebutton" ng-click="addNewParenttable($index)">+ &nbsp;Gasto</button>
          </div>
          <div style="float:left;"> 
            <button class="parentbtn" style="margin: 12px 0px 0px 17px !important;width: 75px;" value="AddTable" id="basebutton" ng-click="removeParenttable($index)">- &nbsp;Eliminar</button>
          </div>

           </div>

Refer to my answer on stackoverflow.com/questions/20111636/…. It might help you — Manas
– Manas, Commented Jun 16, 2017 at 6:35
In above code when ng-if condtion removed it is working fine but I wanna put that condion — Maxi
– Maxi, Commented Jun 16, 2017 at 6:45

Manas · Accepted Answer · 2017-06-16 06:48:24Z

2

In a nested ng-repeat, the $index does not give the index of element in the array being iterated. Use something like,

ng-click="addNewChildRow(listOfParentTables.indexOf(parent),parent.childMaster.indexOf(child))"
ng-click="addNewParenttable(listOfParentTables.indexOf(parent))"

indexOf always returns the original index in an ng-repeat Plunker

Hope it helps!

edited Jun 16, 2017 at 6:48

answered Jun 16, 2017 at 6:40

Manas

8481 gold badge7 silver badges16 bronze badges

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

2 Comments

Maxi Over a year ago

Thanks for replay.Ill try this one.

Manas Over a year ago

Thanks alot :) Happy to help

Collectives™ on Stack Overflow

ng-if not working when nested table iteration using ng-repeat

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related