javascript - How to add bootstrap popover to angular ng-repeat -


i have angular ng-repeat:

<tr data-ng-repeat="employee in employees" ng-class="getclassforemployee(employee.redrow)" >     <td>{{employee.last_name}}</td>     <td>{{employee.first_name}}</td>     <td>{{employee.departmentname}}</td>     <td>{{employee.datecontractend}}</td>     <td><a class="btn btn-success btn-sm" href="#employeecorrect/{{employee.id}}">Редактировать</a></td> </tr> 

and js code in angularjs controller:

$scope.getclassforemployee = function (employeeredrow) {     if (employeeredrow) {         return "alert alert-danger";     } }; 

i want add bootstrap popover red <tr>. example:

 <tr id="popover" data-content="something" title="something"> 

and initialize popover:

$("tr[id=popover]").popover({placement:"top",trigger:"hover"}); 

how dinamic add id, data-content , title red rows?

here plunker using angular-ui bootstrap :)

 .... popover="{{ (employee.redrow) ? employee.first_name : '' }}" .... if employee.redrow true add firstname poop else pass nothing poop not gonna show poop 

Comments

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

delphi - Indy UDP Read Contents of Adata -

qt - How to embed QML toolbar and menubar into QMainWindow -