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

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -