AngularJS и BootstrapUI - функция передачи и аргумент в директиву BootstrapUI

Question

Я хотел бы передать функцию с директивой BootstrapUI. Обычно атрибутом является строка, но мне нужно сделать вызов AJAX для предоставления атрибута директиве. В настоящее время popover отображает функцию как строку, например. "showItem (one)", а не результат вызова функции, например. "Предмет один". Благодаря!

HTML,

<li ng-repeat="item in items" 
     popover-placement="top" 
     popover-trigger="mouseenter" 
     uib-popover="showItem({{item.id}})"> 
     {{item.id}} 
    </li> 

The JS

app.controller("uibController", ["$scope", function ($scope) { 
$scope.items = [ 
    {id: "one"}, 
    {id: "two"}, 
    {id: "three"} 
]; 
$scope.showItem = function(item){ 
    $http.get('url').success(function(response){ 
    //data for popover directive 
    return "Item is " + item.id; 
}) 

}; 
}]); 

Codepen http://codepen.io/anon/pen/PZQOdY

Answer 1

<div ng-repeat="item in items" 
 
      popover-placement="bottom" 
 
      popover-trigger="mouseenter" 
 
      uib-popover="{{showItem(item)}}"> 
 
      {{item.id}} 
 
     \t </div>