AngularJSからTwitterへの動的データを表示するBootstrap Popover

Question

AngularJSの動的バインドされたデータをAngularUIパススルーで処理するためにBootstrap Popoverを取得しようとしていました。私のバイオリンでは、私は、動的にオフィスの場所や各事業所の人々のリストのタイトルを表示できませんよ：あなたがこれを行うことができますhttp://jsfiddle.net/stevenng/wmJtr/3/

Answer 1

一つの方法は、ちょうどthis fiddleようui-optionsで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>  

これを行うもう1つの方法は、this fiddleのように現在のアイテムをその中に引き渡す関数を通じてui-optionsを生成することです。

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

そして、このコントローラコード：：このHTMLスニペットで

$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、おそらくあなたはポップオーバーのためのインスピレーションとしてそれを使用することができますか？