在動態彈出窗口內重複 - angularjs和ui-bootstrap

Question

我試圖向用戶顯示一個內部的ng-repeat內的popover項目列表。我使用的是angularjs以及ui-bootstrap軟件包（http://angular-ui.github.io/bootstrap/）。

HTML

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

這將顯示每個會話，它包含我想要顯示的信息的陣列session.items。但是，這也顯示了數組的括號。

有誰知道一個乾淨的方式來做到這一點？

任何幫助，將不勝感激，謝謝提前

Answer 1

從用戶界面，引導網站，你可以閱讀

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>