角度UI弹出内容中的用户自定义指令

时间:2014-06-13 02:59:29

标签: angularjs angular-ui

我想要存档的是当我点击用户名时有弹出框来显示用户详细信息。我想使用部分模板来显示将在popover中显示的详细信息,但是,我真的不知道该怎么做,这是我的代码:

玉:

a(ng-click="setUser(node)", popover="{{userInfo}}", popover-placement="bottom") {{node.ownerObj.first_name | capitalize}} {{node.ownerObj.last_name | capitalize}}

控制器:

app.controller('userInfoPopoverCtrl', ['$scope', 
        function($scope) {
            $scope.setUser = function(node) {
                $scope.user = node.ownerObj;
            }
        }

    ])

指令:

app.directive('userInfo', function() {
        $scope.userInfo = function() {
            return {
                templateUrl: '../partials/userInfo'
            }
        }

    });

正如您所看到的,我尝试使用指令' userInfo'作为popover内容,但它什么也没做。

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

我自己找到了一个解决方案..所以我没有使用angularUI,而是切换到angularStrap,它附带了让我做我想做的功能。就个人而言,我认为这是一个比angularUI更好的选择。