Visualización de datos dinámicos desde AngularJS a Twitter Bootstrap Popover

Question

Estaba intentando que Bootstrap Popover funcione con datos dinámicos enlazados en AngularJS con el paso a través de AngularUI. En mi violín soy incapaz de mostrar dinámicamente el título de oficinas y una lista de las personas en cada oficina: http://jsfiddle.net/stevenng/wmJtr/3/

Answer 1

Una manera de hacerlo es con sólo hacer referencia office en el ui-options como this fiddle:

<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>  

Otra forma de hacerlo es generar el ui-options a través de una función que pase el elemento actual dentro de él como this fiddle.

Con este fragmento de HTML:

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

Y el código del controlador:

$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

Tenemos algunos de los componentes de arranque que trabajan aquí: https://github.com/angular/angular.js/blob/v1.0.x/src/bootstrap/bootstrap.js tal vez se puede usar como fuente de inspiración para su popover?