Вопрос:

Передача переменной области видимости в шаблон поповера angularjs

javascript angularjs popover

304 просмотра

1 ответ

1015 Репутация автора

У меня есть таблица с всплывающими подсказками в каждой строке, и в каждой строке содержимое всплывающих окон должно иметь разное содержимое. Я сделал шаблон поповера так:

<tr ng-repeat="x in myData">
    <td>{{ x.id  }}</td>
   <td>
       <script type="text/ng-template" id="templateId.html">
         This is the content of the template: {{ x.id  }}
        </script>
        <a href="#"> <span class="glyphicon custom-glyph glyphicon-zoom-in" mypopover data-placement="right" ></span> </a>
   </td>             
</tr>

Мой JS

app.directive('mypopover', function ($compile,$templateCache) {
return {
    restrict: "A",
    link: function (scope, element, attrs) {
        var popOverContent = $templateCache.get("templateId.html");
        var options = {
            content: popOverContent,
            placement: "right",
            html: true,
                        trigger: 'hover'
        };
        $(element).popover(options);
    }
};
});

Но когда я смотрел в браузер, вывод: This is the content of the template: {{ x.id }}

{{x.id}}Интерпретируется внутри <script>тега? Я также новичок в angularjs.

Автор: jackhammer013 Источник Размещён: 06.07.2016 03:12

Ответы (1)


0 плюса

3 Репутация автора

Почему бы вам просто не использовать структурную директиву uib-popover-html вместо mypopover, который вы создали?

Загрузите и объявите зависимость 'uib-bootstrap'.

Тогда templateId.html будет знать переменную x

Вот документ https://angular-ui.github.io/bootstrap/

Автор: Sơn Blue Размещён: 13.06.2019 08:29
Вопросы из категории :
32x32