Угловая динамически подставляется директива

Question

я построить приложение на основе угловой + ng-ui-bootstrap + ng-googleCharts

Я хочу, чтобы отобразить таблицу Google диаграммы данных, содержащий ui.bootstrap поповер в определенной ячейке. Я заполняю строки таблицы данными из базы данных.

Я получаю данные с угловым $resource service, а затем анализирует данные с помощью функции, которая также создает разметку html для ui.bootstrap popover с помощью угловой директивы popover. Но этот popover не работает.

Я предлагаю, что это потому, что данные, вставленные в таблицу, необходимо перекомпилировать с помощью углового. Я искал веб и нашел решения для этого с угловым сервисом компиляции.

Я нашел пользовательскую директиву, называемую angular-html-bind, которая перекомпоновывает содержимое этого элемента директивы после каждой смены привязанной модели, поэтому можно динамически связывать другую угловую директиву для просмотра, но я не знаю, как использовать modus operandi из angular-html-bind в моей таблице данных.

Я создал плункер, который описывает мои усилия. К сожалению, директива angular-html-bind не работает в этом plunker, и я не знаю почему, но что Plunker содержит все необходимые модули.

Plunker HERE

Вы можете видеть любой путь к моей желаемой цели (то есть вставка подсказки/поповер внутри ячейки таблицы данных).

Answer 1

Ваш динамический popover не работает, потому что директива google-chart имеет изолированную область видимости, поэтому я не думаю, что эта строка правильно оценивается.

{v: $sce.trustAsHtml($scope.popover)} 

Answer 2

Ну, я поддержал до очевидного решения - не использовать Google таблицы диаграммы данных, но создать классический стиль начальной загрузки HTML-таблицу и заполнить его с угловыми выражениями.

Я пытался экспериментировать с Google-диаграммы, но в любом случае, DonT последовал мой мантру: ПОЦЕЛУЙ ("Keep It Simple Сладкие &" - на этот раз, вероятно, в форме "Keep It Simple, Stupid!" :)