AngularJs在pjax後停止工作

Question

我在頁面上同時使用了AngularJs和Pjax。

當我的頁面的一部分重新加載Pjax後，Angularjs停止在那裏工作。

簡單的{{2 + 2}}除了部件之外都可以工作，用pjax重新加載。

我發現，問題在於使用$ compile。

我已經嘗試了不同的代碼片段，但他們都沒有爲我工作。

無論這個

angular.element(document).ready(function() { 
    angular.bootstrap(document); 
    }); 

也不是這

// outside of angular... 
    var ngRefresh = function() { 
    var scope = angular.element("body").scope(); 
    var compile = angular.element("body").injector().get('$compile'); 

    compile($("body").contents())(scope); 
    scope.$apply(); 
} 

// PJAX 
$('#page').on('pjax:success', function(e){ 
    ngRefresh(); 
}); 

代碼段爲我工作。有人知道一個可行的解決方案嗎？

UPD： 在PSL將$（「body」）更改爲$（document.body）的建議後，代碼開始工作。但是現在一切都從頭開始初始化，並且在每個pjax調用之後我都會丟失我的數據（在我的示例中爲選定的圖像）。我怎樣才能避免這種情況？

這是我的js文件：

app = angular.module("BlogImageApp", []); 

app.controller("BlogImageController", function($http, $scope){ 

$scope.selectedImageId = null; 
$scope.selectedImageUrl = ""; 

$scope.selectImage = function(image_id) { 
    $scope.selectedImageId = image_id; 
    var params = 'id='+image_id; 
    $http.get('/blog/image/get-url-by-id?'+params).success(function(data){ 
     $scope.selectedImageUrl = data; 
    }); 

} 
}); 

// registers the BlogImageApp in the view 

angular.bootstrap(document, ['BlogImageApp']); 

Answer 1

這可能是加載div和運行其包含的代碼之間的競爭條件。這裏有一點jquery強制angularjs在div pjax加載後加載。

https://masonoise.wordpress.com/2013/05/01/pjax-and-angularjs/