当前位置: 首页 > 面试题库 >

使用ng-show和ng-animate向上/向下滑动效果

罗奇文
2023-03-14
问题内容

我正在尝试使用ng-animate类似于JQuery slideUp()和的行为slideDown()。只有我宁愿使用ng-show

我在这里查看ng-animate教程-http: //www.yearofmoo.com/2013/04/animation-in-
angularjs.html

我可以在提供的示例中再现淡入/淡出效果。

我如何更改CSS来获得向上/向下滑动的行为?另外,如果可能的话,最好让css不知道以像素为单位的组件高度。这样,我可以将CSS重用于不同的元素。


问题答案:

我写了一个slideToggle()没有jQuery 的Angular指令。

https://github.com/EricWVGG/AngularSlideables



 类似资料:
  • 问题内容: 我已经创建了jsfiddle http://jsfiddle.net/99vtukjk/ 在单击左或右文本时,当前用于隐藏的动画是向上的,我们如何才能将其更改为向左滑动动画,例如向左菜单栏滑动并淡入淡出? CSS: 角度模块 问题答案: 您可以设置在 和上 这是一个工作的小提琴 可以帮助您制作精美动画的一件事是使用 Animate.css animate.css是一堆很棒,有趣且跨浏览

  • �� ng-animate ng-animate is a collection of cool, reusable and flexible animations for Angular. It implements all the animations in animate.css, but with the power and flexibility of Angular animation

  • 本文向大家介绍Angular ng-animate和ng-cookies用法详解,包括了Angular ng-animate和ng-cookies用法详解的使用技巧和注意事项,需要的朋友参考一下 ng-animate 本文讲一下Angular中动画应用的部分。 首先,Angular本生不提供动画机制,需要在项目中加入Angular插件模块ngAnimate才能完成Angular的动画机制,Angu

  • 问题内容: 我一直在我的angularjs项目中使用highcharts- ng。一切都做得不错,但是现在我需要使用一些钻取来详细说明我的信息,并且无法使用drilldown.js正常工作。我遵循了在highcharts的向下钻取小提琴上给出的示例,但似乎与angular- ng无关。如您在我的向下钻探复制中所见,原始的Highchart示例不适用于angular- ng 。有什么问题的想法吗?

  • 问题内容: 想象一下可能会在网页上呈现的大量内容,例如图表。Angular提供2个选项来切换内容的可见性。 ng-show 将呈现内容,而不管其表达方式是什么,然后在事实之后简单地“隐藏”它。这是不理想的,因为用户在会话期间可能永远不会“打开”内容,因此渲染内容很浪费。 ng-if 在这方面更好。如果表达式为假,则用它代替ng- show可以防止首先显示大量内容。但是,它的优点也是缺点,因为如果用

  • 问题内容: 我试图了解和/ 之间的区别,但对我来说它们看起来相同。 我应该记住使用一个或另一个来区别吗? 问题答案: ngIf 该指令根据表达式 删除或重新创建 DOM树的一部分。如果赋值为的表达式的计算结果为假值,则将元素从DOM中删除,否则将元素的克隆重新插入DOM中。 删除元素时,使用它的作用域将被销毁,并在恢复该元素时创建一个新的作用域。在内部创建的作用域使用原型继承从其父作用域继承。 如