0
我無法從通過ajax加載的某些內容中觸發點擊事件。沒有看到從下面的代碼或者執行console.log:Ajax加載元素上的Angularjs ng-click事件未觸發
myApp.controller("MainController", function($scope, $http, $sce){
$scope.showModal = false;
$scope.openModal = function(name){
$scope.showModal = true;
$http({
method : 'GET',
url : '/template/fetch?name=' + name
}).success(function(modalHtml){
$scope.modalHtml = $sce.trustAsHtml(modalHtml);
$scope.closeModal = function(){
console.log("test 2");
};
});
};
$scope.closeModal = function(){
console.log("test 1");
};
});
這裏是通過AJAX加載HTML:
<div class="modal">
<div class="modal-cover">
</div>
<div class="modal-container">
<div class="modal-close" ng-click="closeModal()"></div>
<div class="modal-content-container" ng-bind-html="modalContent">
</div>
</div>
</div>
謝謝!
的HTML通過ajax加載不會像你會通過jQuery那樣工作。你會想要寫一個指令或者做一些ngInclude,它有你的模態的html。 – lucuma