我试图让Bootstrap Popover在AngularJS中通过AngularUI传递使用动态绑定数据。在我的小提琴我无法动态显示办公地点的人的标题和名单在每个办公室:http://jsfiddle.net/stevenng/wmJtr/3/显示从AngularJS到Twitter的动态数据Bootstrap Popover
8
A
回答
5
的一种方式,你可以做到这一点是只是在ui-options
像this fiddle引用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>
另一种可以做到这一点的方法是通过将当前项传递给它的函数生成ui-options
,如this fiddle。
有了这个HTML片段:
<div ng-repeat="office in offices">
<a href="" ui-jq="popover" ui-options="popoverOptions(office)">Test Popover - {{office.location}}</a>
</div>
而这个控制器代码:
$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不会立即显示
- 2. twitter bootstrap popover不适用于angularjs
- 3. Ember.js和Twitter Bootstrap Popover
- 4. backbone和twitter-bootstrap popover
- 5. Fullcalendar with Twitter Bootstrap Popover
- 6. Bootstrap popover动态大小
- 7. Twitter Bootstrap Popover:动态生成数据后重新定位或调整大小?
- 8. Twitter Bootstrap Popover不工作
- 9. 如何款式Popover Twitter Bootstrap
- 10. Bootstrap popover显示标题,但不显示动态控件上的内容
- 11. Twitter-bootstrap:如何检查popover是否已经显示?
- 12. twitter bootstrap popover显示,但看起来很奇怪 - rails
- 13. AngularJS绑定到Bootstrap Popover属性
- 14. twitter bootstrap块显示
- 15. Twitter Bootstrap模态窗口不显示
- 16. AngularJS和Twitter Bootstrap
- 17. twitter上的“popover”问题bootstrap css/javascript library
- 18. Twitter Bootstrap的javascript Popover看起来不对
- 19. HTML里面的Twitter Bootstrap 3 popover
- 20. bootstrap popover显示外部div区域
- 21. 在bootstrap popover中显示缩略图wordpress
- 22. 输入完成后显示bootstrap popover
- 23. Bootstrap Popover内部动态选择选项
- 24. Bootstrap动态显示模式
- 25. angularjs自定义twitter bootstrap模态指令
- 26. Twitter Bootstrap动态内容弹出对话
- 27. 在Twitter上使用href在滚动过程中动态设置popover值Bootstrap 3.0
- 28. 将Twitter Bootstrap popover与D3.js集成
- 29. Twitter Bootstrap Popover - DOM插入位置
- 30. Twitter Bootstrap模式 - 不显示
链接不再工作 – Alp 2014-02-04 09:49:07
我已更新链接。 – 2014-02-05 15:27:19