具有ng重复内容的AngularJS工具提示/弹出窗口

Question

我在我的项目中使用了带有AngularJS的Foundation 5。我有以下用例：

1. 点击ng-repeat内的'div'。
2. 获取特定于该div的列表以响应点击。
3. 在该div的工具提示/弹出窗口（已点击）中显示ng-repeat中的列表。

如何生成该工具提示？

我试过了：

1. question.但我遇到了angular-foundation
中提到的一些问题
2. {{3}}，但这里的popovers没有popover-template功能（比如在ui.bootstrap中）。

我不想使用ui.bootstrap，因为我使用的是Foundation 5（这是一个坏主意，对吧？）。

Answer 1

在您的特定情况下（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的列表以响应clic k”而不是演示循环的结果 - 您将获取的列表存储在$scope变量中无论如何，我认为？

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