AngularJS tooltips/popovers 包含 ng 重复内容
AngularJS tooltips/popovers with ng-repeated content
我在我的项目中使用 Foundation 5 和 AngularJS。我有以下用例:
- 单击 ng-repeat 中的 'div'。
- 获取特定于该 div 的列表以响应点击。
- 在 div(已点击)的 tooltip/popover 中的 ng-repeat 中显示该列表。
如何生成该工具提示?
我试过了:
- this library but I encountered some issues as mentioned in this
- angular-foundation,但这里的弹出框没有弹出框模板功能(如 ui.bootstrap)。
并且我不想使用 ui.bootstrap 因为我使用的是 Foundation 5(这是个坏主意,对吧?)。
无法说出 "approach" 在您的特定情况下您到底需要什么 (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 的列表以响应 click”的结果,而不是演示循环 - 您有获取的列表我假设无论如何都存储在某个 $scope
变量中?
我在我的项目中使用 Foundation 5 和 AngularJS。我有以下用例:
- 单击 ng-repeat 中的 'div'。
- 获取特定于该 div 的列表以响应点击。
- 在 div(已点击)的 tooltip/popover 中的 ng-repeat 中显示该列表。
如何生成该工具提示?
我试过了:
- this library but I encountered some issues as mentioned in this
- angular-foundation,但这里的弹出框没有弹出框模板功能(如 ui.bootstrap)。
并且我不想使用 ui.bootstrap 因为我使用的是 Foundation 5(这是个坏主意,对吧?)。
无法说出 "approach" 在您的特定情况下您到底需要什么 (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 的列表以响应 click”的结果,而不是演示循环 - 您有获取的列表我假设无论如何都存储在某个 $scope
变量中?