AngularJS всплывающие подсказки / всплывающие подсказки с повторяющимся содержанием ng

Question

AngularJS всплывающие подсказки / всплывающие подсказки с повторяющимся содержанием ng

0

Я использую Foundation 5 с AngularJS в своем проекте. У меня есть следующий прецедент:

Нажмите "div", который находится внутри ng-repeat.
Извлеките список, соответствующий этому div, в ответ на щелчок.
Покажите этот список в ng-repeat в подсказке /popover этого div (который был нажат).

Как я могу создать эту всплывающую подсказку?

Я пытался:

эта библиотека, но я столкнулся с некоторыми проблемами, упомянутыми в этом вопросе.
angular-foundation, но у popovers нет функции popover-template (например, в ui.bootstrap).

И я не хочу использовать ui.bootstrap, потому что я использую Foundation 5 (это плохая идея, верно?).

Tarun Dugar 29 сен. 2015, в 14:27

Источник

0

Вы можете создать демо, используя jsfiddle или plunkr
Jayant Patil 29 сен. 2015, в 12:02
0

демо для чего? Я прошу подход, у меня сейчас нет подхода.
Tarun Dugar 29 сен. 2015, в 12:04
0

использовать в нем angular-foundation вы можете установить html шаблон
Jayant Patil 29 сен. 2015, в 12:07
0

HTML-шаблон в порядке, но в этом шаблоне мне нужно повторяющееся содержание ng, которое обновляется при изменении содержимого в контроллере. Я не вижу никакой поддержки этому в angular-foundation.
Tarun Dugar 29 сен. 2015, в 12:10

Показать ещё 2 комментария

Теги:

javascript

angularjs

tooltip

1 ответ

Ещё вопросы

Вы можете создать демо, используя jsfiddle или plunkr
демо для чего? Я прошу подход, у меня сейчас нет подхода.
использовать в нем angular-foundation вы можете установить html шаблон
HTML-шаблон в порядке, но в этом шаблоне мне нужно повторяющееся содержание ng, которое обновляется при изменении содержимого в контроллере. Я не вижу никакой поддержки этому в angular-foundation.

davidkonrad · Accepted Answer · 2015-10-02T08-34-00.000Z

Невозможно сказать, какой "подход" вам нужен, в вашем конкретном случае (fetch a list of something after something else has been clicked) - но вы всегда можете генерировать содержимое всплывающей подсказки "на лету":

<a href="#" class="has-tip" tooltip-html-unsafe="{{ buildToolTip() }}">TEST</a>

функция:

$scope.buildToolTip = function() {
   var list = ''
   for (var i=0;i<3;i++) {
      list+='<li><em>element #'+i+'</em></li>';
   }
   return '<ul>'+list+'</ul>' 
}

теперь используйте результат "Получить список, специфичный для этого div в ответ на щелчок", а не демонстрационный цикл. Предположим, у вас есть выбранный список, который хранится в переменной $scope

http://plnkr.co/edit/3P9PSN2FsRyViCVlqReg?p=preview