如何将动画从Angular切换到css

文章/答案/技术大牛

发布

1回答

css、angular、animation、css-animations

我有一个淡入/淡出动画完美地使用@angular/animation，但我需要将这个动画传递给css，并从@angular/animation中去除这种依赖。我的动画(我只需要在我的div中传递[@fadeInOut]属性，它就可以工作了)： animations: [ state(opacity: 0 ), transitio

浏览 11提问于2021-08-05得票数 0

1回答

事件处理程序中的滚动条可见性检测

javascript、angular、dom

但是，如果切换到狭窄的视图，滚动条变得可见- element.clientHeight element.scrollHeight是相同的，滚动条是没有检测到的。

浏览 0提问于2017-03-28得票数 0

回答已采纳

1回答

为ngRepeat设置动画

angularjs、angularjs-directive、angularjs-ng-repeat

我正在构建一个carousel，方法是将一个元素从数组的开头移位，然后将其推回到末尾，使carousel前进。从数组的末尾弹出一个元素，并将其取消移位到数组的开头，将会倒回该元素。这可以很好地工作。当我尝试将其动画化时，问题就出现了。当你点击"shift - push“时，除了最后一个数字外，所有的数字都会生成动画。单击"pop -

浏览 0提问于2013-12-14得票数 3

1回答

与jquery相比，我发现在angular中制作动画非常困难。有这么多版本的angular动画fadein和fadeout，我在博客/教程/等等中找到了它们，其中一些是在旧版本的angular上。当新的版本取代旧的版本时，Angular的版本似乎非常不一致。我看不到任何标准的方法。因此，我不知道从哪里开始。当按钮被点击时，我只是想淡入表单或html文档。loadInclude" >Load Include Form</

浏览 0提问于2014-12-13得票数 5

回答已采纳

1回答

角材质标签动画不工作

html、angular、animation、angular-material

我的问题是动画不起作用。当我点击一个选项卡，而不是动画，我得到三倍大小的标签几秒钟。如何修复动画？编辑："@angular/animations": "^6.1.0","@angular/common": "^6.1.0", "@angular

浏览 0提问于2018-10-02得票数 2

回答已采纳

2回答

单击AngularJS / jqLite切换两个类

angularjs、angularjs-scope、angularjs-ng-click、ng-class、angular-ng-class

我不想通过将类slideIn、slideInRight、和slideOutRight切换到ul元素来获得一个ul/ slideOut动画。angular.element('.dropdown-toggle').on('click', function(){ angular

浏览 0提问于2016-12-28得票数 0

1回答

角度材质对话框动画在移动设备上非常慢

android、angular、google-chrome、animation、angular-material2

在我运行棉花糖的Xperia M5上，angular material对话框的打开动画在chrome中很糟糕，甚至在上也是如此。有没有办法只在手机上禁用对话框的动画？我已经看过了，但它建议禁用所有动画，并且CSS解决方案不起作用。附言:我正在运行Angular 5，一切都更新到稳定状态。

浏览 8提问于2018-01-24得票数 10

1回答

向React应用程序中的状态更改添加CSS* @keyframe动画*

javascript、css、reactjs、react-router、flux

有一个.button组件，它的Flux CSS类在React的onClick事件中被切换到它，并且通过.button_active操作将toggled:true状态添加到应用程序顶部的按钮对象中。因此，.button_active类附加了CSS @keyframes动画，以动画形式将.button的状态从常规更改为活动，反之亦然。除了动画不仅在单击时(状态更改)，而且在每次路由更改时都会触发( .button_active className已就位，但每次路由更改时都会

浏览 8提问于2016-02-11得票数 1

2回答

从Angular* 4转换到Angular 7时如何实现'URLSearchParams‘和'RequestOptions’*

angular

我正在将我的项目从Angular 4转换到Angular 7。我已经将http转换为httpClient，还使用了common/http。我是Angular的新手，我不知道如何将这个UrlSearchParms和RequestOptions转换到新版本。谁能告诉我如何将以下代码转换为angular 7？我知道这可能看起来很愚蠢。

浏览 18提问于2019-02-05得票数 0

回答已采纳

2回答

使用Angular* 1.2和Animate.css加载动画？*

javascript、angularjs、css-animations、ng-animate、animate.css

我正在尝试使用Angular 1.2和Animate.css让页面在加载时具有动画效果。我希望背景可以交叉淡入，右侧的黄色菜单可以从右侧滑入。</div> <my-Menu id="menu"></my-Menu>在main.css<

浏览 2提问于2014-08-14得票数 0

3回答

尝试理解带有关键帧的AngularJs动画过渡

css、angularjs

我是Angular的新手，也没有太多使用css3的经验(我是后端开发人员！)// ... doing some things that takes more than 3-4 seconds在我的CSS我的代码隐藏了div，但它不做任何动画！！我想使用关键帧来做类似jquery的弹性放松过渡(没有jquery :P) 有

浏览 0提问于2014-01-16得票数 0

2回答

角4.4.6动画转换没有发生

angular、animation、transition

我试图添加一个非常简单的动画到我的角4.4.6应用程序。当动画被触发时，转换到新的CSS样式是即时的。我可以看到新的CSS属性，但是在这两个状态之间没有动画转换。 animations: [ state('open', st

浏览 2提问于2018-04-29得票数 1

2回答

angular 2动画vs css动画-什么时候使用什么？

css、performance、angular、css-animations、angular2-animation

我目前正在尝试Angular2的动画，我想知道它们比标准css动画/过渡带来了什么具体的优势。我在某处读到一些css动画属性不会调用GPU那么多，因此会有一些延迟和滞后。那angular2动画呢？

浏览 0提问于2016-12-03得票数 43

回答已采纳

2回答

使用CSS3动画/过渡高度，但使用jQuery？

jquery、css、transition

我知道手机上的CSS3更快，大多数时候，在手机上比使用jQuery动画要快，因为硬件加速，所以我想使用这种方法。我需要一个平滑的0.5s CSS3动画，从0px到容器的任何高度。我想要做的--或者到目前为止我想到的逻辑--是在单击这个UI图标时，将.nav>ul的高度从0px切换到auto。我尝试过使用transform : height并使用jQuery将一个类添加到所需的位中，但我不知道如何将CSS转换/转换应用

浏览 2提问于2014-04-14得票数 0

回答已采纳

2回答

ng-动画在通过webpack加载时拒绝工作

javascript、angularjs、animation、ng-animate

我的工作流程目前使用的是webpack、eslint和angular。在我的动画中，我需要ng- app.js，如下所示：)]; 问题是ng-animate似乎没有加载，因为当我尝试在css中设置ng-enter等的动画，甚至使用javasc

浏览 7提问于2017-03-28得票数 2

3回答

无法在Angular中制作CSS动画

angular

我正在尝试使用一个普通的css动画，如下所示： height: 0.5rem; background-color: blue; transform-originCSS动画不能和Angular一起工作吗？

浏览 2提问于2019-05-28得票数 2

1回答

角度2在点击时增加动画的边距

javascript、css、angular、animation

我几周前就开始使用angular2了。今天我在动画方面遇到了一些问题。我想做一些旋转木马，但我不确定我如何才能“玩”与角度动画状态…但是我不知道在angular上怎么做。我尝试了3种状态: next、prev和idle但问题开始后，动画，我设置状态为空闲-元素，重置边界，并回到原来的位置。style({ marginLeft: -200

浏览 0提问于2017-04-06得票数 2

1回答

Angular.js页面转换& $animate.addClass

javascript、css、angularjs、angularjs-animation

我想添加一个特定的类到我的包装时，我的路线改变，以便我可以控制什么CSS动画将被触发。$rootScope.scope.pageClass == '' ) return false; var viewElem = angular.element

浏览 0提问于2015-06-11得票数 0

回答已采纳

1回答

状态之间的角度过渡动画仅为一个状态正确设置动画

angular、angular-material、angular-animations

我修改了这个例子，将angular版本升级到^7.0.0，当动画从“折叠”转换到“扩展”时，动画突然停止了工作。然后，如果再次单击行以将其折叠，动画将正常工作。如何修复动画，以便正确扩展行的动画？

浏览 17提问于2019-03-14得票数 0

回答已采纳

3回答

Angular.js:查看过渡动画

angularjs

我是angular的新手，并且一直在遵循他们官方网站上的基本教程，但我还没有看到任何关于动画的教程，特别是视图过渡动画。

浏览 4提问于2013-02-24得票数 1

点击加载更多