使用Angular JS將遠程數據添加到Popover

Question

我想知道是否有將遠程動態數據添加到Twitter BS Popover的方法。我見過答案，他們用ajax做了，但我試圖使用Angular ...下面的代碼不適用於popovers，但類似的代碼適用於模式。我認爲這與不能夠把功能，在內容參數做。我有一個表中NG-點擊（displayEvent（$ unixdate））的div應該運行下面的代碼：

var app = angular.module('cal', []); 


function CalCtrl($scope, $http, $templateCache) { 
    $scope.displayEvent = function(date) { 
    $scope.url = "/cal/data.php?date="+date; 
    $scope.method = 'GET'; 
    $scope.data = ''; 
    $scope.date = date; 

    //popover 
    $('.callink').popover({trigger:'hover', content:function(){ 




    $http({method: $scope.method, url: $scope.url, cache: $templateCache}). 

    success(function(data, status) { 
    $scope.data = JSON.stringify(data); 

    return $scope.data; 
            }); 
    }}); 

    //end popover 
}; 
} 

Answer 1

這是因爲$http對象的成功函數被稱爲異步AFAIK。所以$scope.data響應永遠不會返回到彈出式內容功能。你必須調用$http.success()函數內的popover功能：

$http({method: $scope.method, url: $scope.url, cache: $templateCache}).success(function(data, status) { 
    var jsonData = JSON.stringify(data); 

    $('.callink').popover({trigger:'hover', content:jsonData}); 
}); 

Answer 2

我承認我沒有花大力氣去理解所描述的場景，但爲什麼要使用jQuery？我會檢查AngularUI Bootstrap的popover。

Answer 3

我會做同樣的和未完善使用AngularUI引導。它有一些有用的工具。