显示从AngularJS到Twitter的动态数据Bootstrap Popover

Question

我试图让Bootstrap Popover在AngularJS中通过AngularUI传递使用动态绑定数据。在我的小提琴我无法动态显示办公地点的人的标题和名单在每个办公室：http://jsfiddle.net/stevenng/wmJtr/3/

Answer 1

的一种方式，你可以做到这一点是只是在ui-options像this fiddle引用office：

<div ng-repeat="office in offices"> 
    <a href="" ui-jq="popover" ui-options="{title:office.location, content:office.people.join(',')}">Test Popover - {{office.location}}</a>  
</div>  

另一种可以做到这一点的方法是通过将当前项传递给它的函数生成ui-options，如this fiddle。

有了这个HTML片段：

<div ng-repeat="office in offices"> 
    <a href="" ui-jq="popover" ui-options="popoverOptions(office)">Test Popover - {{office.location}}</a>  
</div> 

而这个控制器代码：

$scope.offices = [ 
    {location:'Europe', people:['andy','gloopy']}, 
    {location:'USA', people:['shaun','teri']}, 
    {location:'Asia', people:['ryu','bison']}]; 

$scope.popoverOptions = function(office){ 
    return { title: office.location, 
      content: office.people.join(',') }; 
}  

Answer 2

我们几个在这里工作的引导部分组成：https://github.com/angular/angular.js/blob/v1.0.x/src/bootstrap/bootstrap.js也许你可以使用它作为灵感为你的酥料饼？