Как показать html ng-repeat во всплывающей подсказке - PullRequest
Новая
       41

Как показать html ng-repeat во всплывающей подсказке

0 голосов
/ 12 сентября 2018

Я использую angularjs, поэтому я добавил директиву в свое приложение. 

app.directive('tooltip', function () {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            $(element)
                .attr('title', scope.$eval(attrs.tooltip))
                .tooltip({ placement: "right" });
        }
    }
})

Я хочу отобразить HTML ниже или что-то подобное, я просто хочу показать список клиентов в tooltip

<ol>
    <li ng-repeat='dt in detail.SelectedCustomers'>{{dt.name}}</li>
</ol>

Ниже мой стол, где находится tooltip. 

<tr ng-repeat="detail in mainCtrl.lineDetails">
    <td><a href="#" data-toggle="tooltip" data-placement="right" data-html="true" tooltip="detail.SelectedCustomers"><i class="fa fa-eye fa-lg" aria-hidden="true"></i></a></td>
</tr>

1 Ответ

0 голосов
/ 12 сентября 2018

Я сделал скрипку , чтобы показать вам, как вы можете 

.directive("myTooltip", [ function(){
return{
scope: {
customers:'=myTooltip'
},
link:function(scope, el){
var toDisplay = '';
for(var i = 0; i < scope.customers.length; i++){
toDisplay += scope.customers[i].name+'\n';
}

el.attr('title', toDisplay);
...