3

Я использую bootstrap 3 modal как подтверждение диалога в моем приложении AngularJS. Когда я скрываю модальность и перенаправляю фон модальности, все еще остается.

$scope.delete = function() { 
    DataService.delete() 
    .then(function() { 
     $("#delete").modal("hide"); 
     $location.path("/"); 
    }); 
} 

Я попытался с помощью обратного вызова на скрытую

$("#delete").on('hidden.bs.modal', function() { 
    $location.path("/"); 
} 

Но задержка в это много.

Есть ли лучший способ сделать это?

+0

Вы также можете взглянуть на угловые директивы для бутстрапа, сделанные командой angular-ui. Http://angular-ui.github.io/bootstrap/ – zethus

ответ

10

Но задержки в этом очень много.

Возможно, вы забудете позвонить по телефону $scope.$apply(). Попробуйте изменить его к следующему (если задержка является единственной проблемой) и задержка должна быть нормальной:

$("#delete").on('hidden.bs.modal', function() { 
    $location.path("/"); 
    $scope.$apply(); 
}); 

Весь код, который вызывается вне угловой (в данном случае с JQuery события), который взаимодействует с угловым должен вызывать $apply().

+1

Спасибо .... Вы сделали мой день ... Я искал это за последние 3 часа :) – Khushboo

Смежные вопросы