2014-12-02 56 views
-2

您好我正在使用一个小指令隐藏和显示引导模式从控制器,这是工作正常,当我不使用ngAnimate。但inclusing后ngAnimate它显示了以下NgAnimate - 我的模态显示隐藏不工作,由于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'不是标准的jqLit​​e方法:https://docs.angularjs.org/api/ng/function/angular.element#angular-s-jqlite我们需要更多关于您的环境的信息。你有另一个角度模块提供这种方法吗? – Jackson 2014-12-02 09:07:29

+0

其实它是为靴子模式。我忘了提及 – AngularDev 2014-12-02 09:08:35

+0

而不是帮助你们投票。 Cheeers! – AngularDev 2014-12-02 09:20:50

回答

0

自己动手做。

实际上我们应该加载bootsrap.js以避免冲突。

原因: element.modal函数是在bootsrap.js中创建的,因此应该加载它以便之后使用它。