在動態彈出窗口內重複 - 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

回答

相關問題