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
Post a Comment