編譯角度ajax生成的代碼

Question

在我的角度web應用程序中，我會讓用戶輸入日期，然後使用ajax我會生成可用的遊覽。爲此，我想通過包含ng-click調用的ajax生成代碼。我試圖編譯它，以便稍後將其添加到div #tourAvailPlan。我將$ compile添加到控制器（app.controller("myCtrl", function($scope, $http, $filter, $compile, ngDialog) { ...）。儘管如此，當我用ng-click（用ajax生成）單擊按鈕時，沒有任何反應。

This answer從html字符串創建一個jQuery對象，但我不知道爲什麼。無論如何，我也是在這裏做的。

我在做什麼錯？

角

$http({ 
method: 'post', 
url: '/ajax/tours/loadGroupTours.php', //Load tours in given date range 
data: { 
dateArr: dateArr, 
dateDep: dateDep, 
tourId: tourId 
} 
}).then(function successCallback(response) { 
    //No errors 

    $el = $(response.data); 
    $compile($el)($scope); 

    document.getElementById('tourAvailPlan').innerHTML = response.data; 

}, function errorCallback(response) { 
    //Errors 
    alert('ERROR in http request!'); 
}); 
     } 
    } 
}; 

Answer 1

你必須編譯元素追加。更換

document.getElementById('tourAvailPlan').innerHTML = response.data; 

與

$('#tourAvailPlan').append($el)