8

我试图让 Bootstrap Popover 通过 AngularUI 直通处理 AngularJS 中的动态绑定数据。在我的小提琴中，我无法动态显示办公室位置的标题和每个办公室的人员名单：http: //jsfiddle.net/stevenng/wmJtr/3/

4

2 回答 2

5

您可以做到这一点的一种方法是仅office在ui-options像这样的小提琴中引用：

<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通过将当前项目传递给它的函数，就像这个小提琴一样。

使用这个 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(',') };
}
于 2012-08-14T21:56:59.783 回答
3

我们在这里工作的引导组件很少：https ://github.com/angular/angular.js/blob/v1.0.x/src/bootstrap/bootstrap.js也许您可以将其用作弹出窗口的灵感？

于 2012-08-16T00:33:21.433 回答