在动态弹出窗口内重复 - angularjs和ui-bootstrap

我试图向用户显示一个内部的ng-repeat内的popover项目列表。我使用的是angularjs以及ui-bootstrap软件包（http://angular-ui.github.io/bootstrap/）。在动态弹出窗口内重复 - angularjs和ui-bootstrap

HTML

<div ng-repeat='session in sessions'> 
    <p popover="{{session.items}}">view items</p> 
</div>

这将显示每个会话，它包含我想要显示的信息的阵列session.items。但是，这也显示了数组的括号。

有谁知道一个干净的方式来做到这一点？

任何帮助，将不胜感激，谢谢提前

来源

2014-01-21 Aaron

从用户界面，引导网站，你可以阅读

uib-popover - Takes text only and will escape any HTML provided for the popover body.

所以，如果你提供session.items你会得到字符串“[我数组内容]”。在我看来，你需要使用uib-popover-template您的模板会像

<div ng-repeat='session in sessions'> 
    <p uib-popover-template="'urlToMyTemplateHere'">view items</p> 
</div> 

------ Template 
<div ng-repeat="item in session.items" ng-bind="item"></div>

uib-popover-template需要一个URL的模板，你必须创建文件，它要获取或尝试这种方法（我真的不喜欢它只是用于测试）

<div ng-repeat='session in sessions'> 
    <p uib-popover-template="'iamabadapproachtemplate.html'">view items</p> 
</div> 

<script type="text/ng-template" id="iamabadapproachtemplate.html"> 
    <div ng-repeat="item in session.items" ng-bind="item"></div> 
</script>

来源

2016-12-21 18:43:25 Melzar

在动态弹出窗口内重复 - angularjs和ui-bootstrap

回答

相关问题