materialize css modal loop in ng-repeat is not working -
below sample code according guide http://materializecss.com/modals.html. individual modals working fine loop not working. tried ng-repeat $index getting unique modal'id
<tr ng-repeat="u in users"> <td>{{ $index +1 }}</td> <td>{{ u.first_name +" "+ u.last_name }}</td> <td>{{ u.email }}</td> <td>{{ u.plan }}</td> <td> <a class="waves-effect waves-light btn modal-trigger" data-target="modal1" href="#modal{{$index+1}}"> remove </a> <div id="modal{{$index+1}}" class="modal bottom-sheet"> <div class="modal-content"> <h4>modal header</h4> <p>a bunch of text</p> </div> <div class="modal-footer"> <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">agree</a> </div> </div> </td> </tr>
Comments
Post a Comment