Wyświetlanie dynamicznych danych z AngularJS na Twitter Bootstrap Popover

Question

Próbowałem uzyskać Bootstrap Popover do pracy z dynamicznymi powiązanymi danymi w AngularJS z przekazem AngularUI. W moim skrzypce jestem w stanie dynamicznie pokazać tytuł lokalizacji biurowych oraz listę osób w każdym biurze: http://jsfiddle.net/stevenng/wmJtr/3/

Answer 1

Jednym ze sposobów można to zrobić jest po prostu przedstawieniu office w ui-options jak 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>  

Innym sposobem, w jaki można to zrobić, jest wygenerowanie ui-options za pośrednictwem funkcji przechodzącej do bieżącego elementu w taki sposób, jak this fiddle.

Dzięki temu kod HTML:

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

a kod kontrolera:

$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

Mamy kilka składników bootstrapowych pracujących tutaj: https://github.com/angular/angular.js/blob/v1.0.x/src/bootstrap/bootstrap.js może można go używać jako inspiracji dla swojej popover?