AngularJS和BootstrapUI - 將函數和參數傳遞給BootstrapUI指令

Question

我想通過BootstrapUI的popover指令傳遞一個函數。該屬性通常是一個字符串，但我需要做一個AJAX調用來爲該指令提供屬性。目前，彈出窗口將該功能顯示爲一個字符串，例如「showItem（one）」而不是調用該函數的結果，例如， 「項目是一個」。謝謝！

的HTML

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

的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>