javascript - How Can I Use Dynamic Angualar Variable as Id for Showing Modal with Dynamic Content? -

actually aim activate modal popup in ng-repeat dynamic id

code follows :-

    <div class="mpopup" id="{{obj.displayname}}"> <!-- id="{{obj.displayname}}" need use dynamic id in below onclick -->           <div mypopupcontent></div> <!-- custom directive shows model dynamic  content -->         </div>  <!-- button jquery onclick -->      <button onclick="jquery('#objdisplayname').modal('show');"> <i class="fa icon "></i> show popup</button> 

iam having 'x' number of different objects display in 'x' different popup dynamic angular id syntax({{obj.displayname}}) not being accepted jquery

please give me idea problem ..

thanks in advance !!