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/Wyświetlanie dynamicznych danych z AngularJS na Twitter Bootstrap Popover
8
A
Odpowiedz
5
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(',') };
}
3
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?
link już nie działa – Alp
Zaktualizowałem link. –