2014-12-02 6 views
-2

Привет Я использую одну небольшую директиву для скрытия и отображения bootstrap modal от контроллера, который отлично работал, когда я не использовал ngAnimate. Но после того, как inclusing ngAnimate он показываетNgAnimate - My Modal Show Hide Не работает из-за NGAnimate

element.modal is not a function

ниже моя директива

app.directive('akModal', function() { 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) { 

      scope.$watch(attrs.akModal, function(value) { 
       if (value) element.modal('show'); 
       else element.modal('hide'); 
      }); 
     } 
    }; 
}); 

любые исправления?

+1

'modal' не является стандартным методом jqLite: https://docs.angularjs.org/api/ng/function/angular.element#angular-s-jqlite Нам нужна дополнительная информация о вашей среде. У вас есть еще один угловой модуль, обеспечивающий этот метод? – Jackson

+0

на самом деле это для bootsrap modal. Я забыл упомянуть – AngularDev

+0

Вместо того, чтобы помогать вам, ребята, просто голосуют люди. Cheeers !!! – AngularDev

ответ

0

Удалось сделать это самостоятельно.

Фактически мы должны загрузить bootsrap.js для NGAnimate, чтобы избежать столкновений.

Причина: Функция element.modal создается в bootsrap.js, поэтому ее необходимо загрузить, чтобы использовать ее впоследствии.

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