AngularJSの動的バインドされたデータをAngularUIパススルーで処理するためにBootstrap Popoverを取得しようとしていました。私のバイオリンでは、私は、動的にオフィスの場所や各事業所の人々のリストのタイトルを表示できませんよ:あなたがこれを行うことができますhttp://jsfiddle.net/stevenng/wmJtr/3/AngularJSからTwitterへの動的データを表示するBootstrap Popover
8
A
答えて
5
一つの方法は、ちょうど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(',') };
}
3
我々持ってここで働くブートストラップコンポーネントの数:https://github.com/angular/angular.js/blob/v1.0.x/src/bootstrap/bootstrap.js、おそらくあなたはポップオーバーのためのインスピレーションとしてそれを使用することができますか?
関連する問題
- 1. twitter bootstrap popoverはangularjsで動作しません
- 2. TwitterのBootstrap Popoverが動作しない
- 3. Twitter Bootstrap .popoverが動作しない
- 4. Rails - Render partial in Twitter Bootstrap popover
- 5. twitter bootstrap popover arrowをカスタマイズする
- 6. twitterの "popover"の問題bootstrap css/javascript library
- 7. twitter bootstrap動的カルーセル
- 8. Twitter Bootstrap PopOverは最初のトリガーでのみ動作します
- 9. iPhone:tabBarItemからpopOverを表示
- 10. Twitter Bootstrap Popover Trigger:複数のトリガーを設定するには?
- 11. Rails - Bootstrap popover js
- 12. Twitter BootstrapのPopoverのために必要なのは何ですか?
- 13. AngularJSのコントローラー機能から表示するデータを送信
- 14. AngularJS - 要素からの指示を動的に削除する
- 15. AngularJS + UI Bootstrap Typeahead:オブジェクトから入力フィールドへのプリロード値
- 16. twitter-bootstrapスパンを右から左へ使うには?
- 17. AngularJS JSONデータを表示
- 18. BlueprintからTwitter Bootstrapへの切り替え
- 19. Twitter Bootstrap、1つの部門にすべてのポップオーバーを表示
- 20. バックボーンとtwitter-bootstrapのポップオーバー
- 21. mySQLからiPhoneへの動的データ
- 22. Twitter-bootstrap:ポップオーバーが既に表示されているかどうかを確認する方法は?
- 23. HTMLソートテーブルの行データを動的に非表示/表示する
- 24. Twitter-Bootstrapで複数のダイアログボックスを表示する方法はありますか?
- 25. ionic/angularJSのWebサービスからデータを取得して表示
- 26. AngularJS式がサービスからのデータを表示しない
- 27. Bootstrapを使ったCakePHP(Twitterから)
- 28. PopOverをiOS9に表示する方法
- 29. AlertViewまたはPopOverを表示する
- 30. Twitter Bootstrapリストボックス上のポップオーバーとツールチップオプションの要素が間違った場所に表示される
リンクがもう機能しない – Alp
リンクを更新しました。 –