Как добавить анимацию в мой $modalService с угловым ремешком?

Question

Я создаю модальный с angular-strap

Когда я создаю модал в моей разметке, анимация работает как ожидалось. Вот пример:

<a href="" bs-modal="settings.deleteAccountModal" data-animation="am-fade-and-slide-top" data-template="js/donor/settings/confirm-modal.html" class="trashOut"></a>

Но когда я пытаюсь создать тот же модал с $modalService, анимация не работает. Вот мой код JS:

this.openModal = function() {
        $modal({
            animation: 'am-fade-and-slide-top',
            backdropAnimation: 'am-fade',
            scope: $scope,
            title: "Are you sure?",
            backdrop: 'static',
            template: 'js/donor/settings/confirm-modal.html',
            show: true
        });
    };

Как настроить анимацию с помощью $ modalService?

Answer 1

Как показано в https://github.com/mgcrea/angular-strap/issues/1101, вам необходимо добавить

<link rel="stylesheet" href="//rawgithub.com/mgcrea/angular-motion/master/dist/angular-motion.min.css">

на вашей странице и введите ngAnimate одновременно. Смотрите plnkr, написанный vmlf01. Это его ответ, и большое ему спасибо.

var myApp = angular.module("myApp", ['mgcrea.ngStrap', 'ngAnimate']);