ng-animate

0热度

2回答

考虑以下plunker 我有我想用ng-repeat由一个一个淡出但是动画淡出整个瓷砖设置一起瓷砖的列表。这里是我的CSS .fade-up { animation: fadeUpIn 5s ease-in-out; } .fade-in { animation: fadeUpOut 5s ease-in-out; } @keyframes fadeUpIn {

1热度

1回答

UIB-下拉难道不是在工体的HTML浏览

我已经安装，正确做法如下： "ui-bootstrap": "0.12.2", "ngAnimate": "1.5.5", "AngularJs": "1.5.5 当创建我的HTML视图的身体标签的下拉菜单中，我没有收到任何可见的结果。我在控制台和网络分析器中都没有收到任何错误消息。而且，所有其他的angularJS和代码都能在视图中完美工作，所以外部设置没有任何问题。这是有问题的HTML： <d

1热度

2回答

使用ngAnimate时通过ng-if延迟元素

当ngAnimate注入到应用程序时，延迟元素从ng-if或ng-show中删除，否则不会发生。 Plunkr：https://plnkr.co/edit/rPTjsDCcgGpg6xfS0IVP var app = angular.module('app', ['ngAnimate']); 这是怎么回事，如何解决呢？

0热度

1回答

当div被另一个div移动时平滑过渡ngAnimate和translate

我有两个div，一个在另一个之上。顶部div显示ngAnimate并推下第二个股票。我想使用translateY动画来显示顶部div，因为它看起来不错。 @keyframes enter_not_smooth { from {transform: translateY(-100px);} to {transform: translateX(0px);} } @keyframes

0热度

1回答

Angular2动画学习资源

是否有任何可用于学习的良好/深度资源Angular2中的动画除了www.angular.io上的基本API参考吗？

0热度

1回答

有条件加载ng-animate模块？

我们正在使用Angular 1.4.9 ng-animate模块。一切工作正常，但我们的一些团队正在要求的方式不加载根据条件。例如，在特定的平台或用户代理上，不需要ng-animate加载。我们已经有几种方法来测试这个（egmodernizr）并使用它们来有条件地加载其他.js和.css文件，但是由于ng-animate是一个简单排除它的js文件的模块会引发错误。

2热度

1回答

如何在ngMessages中使用ngAnimate？

我有一个AngularJS窗体，我想在错误消息上使用动画。下面是当前代码我现在所拥有的： <input type="text" name="name" ng-model="name" required> <div class="form-error-cont" ng-messages="form.name.$dirty && form.name.$error"> <p ng-mess

1热度

1回答

ngAnimateSwap中放置了自己的控制器的指令导致每个“交换”都初始化新的控制器

我创建了一个指令（ParentDir），该指令拥有自己的控制器并且其模板绑定到该控制器。它与另一个指令（Child1）进行通信，该指令拥有自己的控制器，它需要第一个父指令。下面是一个简单的例子： Module.directive("ParentDir", function() { return { templateUrl: '../ParentTemplate', restr

0热度

1回答

防止元素在显示前占用空间

我想在一个地方切换2个元素。切换时，当前元素将淡出，之后，下一个元素将淡入以替换旧元素。所以我为.ng-hide-remove设置了一个延迟时间来获得这个效果。但是在下一个元素出现之前，它占用了DOM中的空间并且破坏了页面的布局。我该如何解决这个问题？这里是小提琴链接：fiddle CSS： div { transition: all linear 0.5s; } #div1

3热度

3回答

当向菜单添加更多项目时，将内容div高度展开为左侧菜单高度

我有一个左侧菜单，可以在其中添加或删除项目。在右侧有一个内容div，它有一个最小高度。使用角度向左侧菜单中添加更多项目时，如果左侧菜单高于最小高度，我希望内容div将其高度展开至左侧菜单。还有一件事是我也想要ng-animate的内容div的下拉效果。这里是小提琴链接：link var app = angular.module('myApp', ['ngAnimate']); app.