Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng show不能正确使用ng animate_Javascript_Angularjs_Ng Animate_Ng Show - Fatal编程技术网

Javascript ng show不能正确使用ng animate

Javascript ng show不能正确使用ng animate,javascript,angularjs,ng-animate,ng-show,Javascript,Angularjs,Ng Animate,Ng Show,加载动画模块后,ng show不起作用。ng show表达式的默认值为false,但仍显示元素,并且缺少类ng hide。如果我卸载动画模块,那么它可以正常工作 <script> var app=angular.module('app', ['ngRoute','ngCookies','infinite-scroll','ui.mask','ngAnimate']); </script> var app=angular.module('app'、['ngRoute'、

加载动画模块后,ng show不起作用。ng show表达式的默认值为false,但仍显示元素,并且缺少类ng hide。如果我卸载动画模块,那么它可以正常工作

<script>
var app=angular.module('app', ['ngRoute','ngCookies','infinite-scroll','ui.mask','ngAnimate']);
</script>

var app=angular.module('app'、['ngRoute'、'ngCookies'、'infinite-scroll'、'ui.mask'、'ngAnimate']);
看一看。它与Angular一起工作,您可以通过class='ng-show'触发它

像这样:

<div class="animated fadeInRight" data-ng-class="loginShow">

希望这有帮助

我也有同样的问题,可能是时间问题,但有一个解决办法。 简而言之,在带有插值的“class”属性中定义的类与同一元素上试图添加另一个类的其他指令之间存在冲突。删除
class=“{{::item.customClass}}”
会使ng类和ng show指令正常工作

我无法在plunker上复制它,可能是因为涉及到大量的组件。我们使用$templateCache服务、ngAnimate模块和一个指令,该指令将ng repeat与dynamic class和ng show一起使用(以及更多,这似乎不会影响问题)。删除上述任何一项都解决了这个问题。 有一件事我没有尝试,那就是尝试将代码从
ui视图中分离出来,也许ui路由器是问题的一部分

调试表明,在ng类/ng show的watch执行之后,添加了正确的类,它看起来是这样的:
class=“{{{::item.customClass}}}ng hide”
,但在摘要周期结束时,它看起来是这样的:
class=“myCustomClass”
。我想这也是代码中发生的事情

我处理这种情况的方法是将
item.customClass
移动到ng类,如下所示:
ng类=[{…其他类},item.customClass]

这是一种变通方法,不是真正的解决方案,因为:

  • 这可能是Angular代码中的一个真正问题
  • 在这里我不知道如何使用bind,这当然很重要

  • 你能把你的代码放在一个文件夹里吗?完整的情况背景将对我们有很大帮助,并且应该为这个问题提供一个实际的例子。我有一个类似的问题。ng类也不起作用。不知道问题出在哪里。奇怪的是,如果我不通过$templateCache加载这个模板,它可以正常工作。非常感谢。我把所有的东西从一个班搬到另一个班,这真的很有效。
    $scope.loginShow = 'ng-hide-add animated fadeOutRight';