2015-06-03 1 views
10

В этом примереЧто случилось с ngAnimate и ui.bootstrap modal?

http://plnkr.co/edit/ETwexjK0HRu3b8WovoJq

angular.module('animateApp', [ 
    'ngAnimate', // adding this causes issue with modal backdrop 
    'ui.bootstrap' 
]) 

При закрытии модальным, фон не будет уходить. Если я прокомментирую зависимость 'ngAnimate' (строка script.js 4), она работает отлично.

Я делаю что-то неправильно или это ошибка в ui.bootstrap при использовании с ngAnimate?

ответ

12

Это, по-видимому, разрывное изменение где-то между Угловыми 1.3.15 и 1.4.0. Видимо, что-то в ngAnimate изменилось, что мешает скрытию фона. Если выключить анимацию, задник скрывает хорошо:

$scope.openModal = function() { 
    $modal.open({ 
     templateUrl: 'modal.html', 
     controller: 'ModalCtrl', 
     backdrop: true, 
     animation: false 
    }); 
    } 

Если вы падаете вниз к 1.3.15, нет никакой проблемы: Plunker

Если вы проверяете страницу зависимостей для Ui-загрузчике, это не выглядит, что они до сих пор не достигнуты до 1.4.0: https://david-dm.org/angular-ui/bootstrap#info=devDependencies

Возможно, стоит опубликовать вопрос или посмотреть, есть ли у кого-то уже.

+0

Спасибо, вот ссылка на сообщения об ошибках https://github.com/angular-ui/bootstrap/issues/3633 и https://github.com/angular-ui/bootstrap/issues/3620 – Reynard

+0

thank вы tpie !, это спасло мое время .. –

0

Поскольку это временная проблема, вы можете настроить модальную анимацию как ложную.

app.config(['$modalProvider', function($modalProvider) { 
    $modalProvider.options.animation = false; 
} 

Таким образом, вам придется сделать это изменение один раз, и все модальные модели будут работать нормально.

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