问题标签 [angular-animations]

只是好奇，它似乎不是很聪明，但同时，万一呢？这是一种不好的做法还是不必要的做法？

例如，获取一个 div 元素并在单独的动画文件中描述其所有状态（包括悬停和焦点等）。在实现每个状态时，在组件文件及其 html 中编写逻辑？

我正在尝试为投资组合构建一些有意义的动议。目标是当用户点击一个工作项目时，该项目会弹出并增长。为此，我相信我必须更改数组中单击元素的状态，但是当我现在单击它时，它会影响数组中所有元素的所有状态，并一起进行动画处理。谁能解释我发生了什么以及如何解决？

投资组合.component.ts

投资组合.component.html

我有一个正在动态创建的警报组件。当显示和隐藏警报时，我想有一个淡入/淡出动画。在创建警报的那一刻，动画似乎没有触发，但是当警报关闭时，动画会触发。

经过进一步调查，我意识到警报没有淡入是因为与动画触发器相关的属性ngOnInit()在视图位于 DOM 之前触发的函数中发生了更改，因此动画在组件打开之前发生屏幕。

我知道我可以更改ngAfterViewInit()函数中的属性，但这可能会导致“检查后表达式已更改”异常，如此处突出显示。

我尝试使用* => trueand添加动画触发器void => true，但这并没有解决问题。我不知道是否有办法触发这个动画并且仍然在使用ngOnInit().

代码示例： https ://plnkr.co/edit/8NvfhDvLVBd71I7DR0kW

进入动画工作正常，但离开动画不工作。如果我将@modalFadeZoom 移动到父级，则两个转换都有效，但问题是缩放不是从模态的中心发生的，这会产生奇怪的动画。

如果我将@modalFadeZoom 移动到孩子，淡入缩小工作正常。但关闭模型时没有淡出和放大。

组件 html

ts文件

模态对话框的 CSS

plnkr 链接

请注意，由于缩放，我已将 plnkr 演示动画中的动画从中心移至父级。

https://plnkr.co/Ldn4wJwuZMaaunVWuYpx

我创建了以下 Angular 2 动画：

此动画应滑入/滑出以下 HTML 内容：

动画发生时，我收到以下错误：

无法在“元素”上执行“动画”：不支持部分关键帧。”

为什么会发生这种情况，我该如何解决？

我正在使用 Angular 小部件（http://alexsuleap.github.io/），它有一些动画。小部件本身没有任何禁用动画的选项。但小部件正在使用angular-animate.min.js. 是否有可能以某种方式禁用此依赖项可能提供的所有动画？

我这里有一个列表div，我想在单击时滑动特定元素。目前所有元素都在滑动，因为状态是所有元素的单个变量。

.html

.ts

我正在尝试整理如何使用初始状态制作 Angular 动画。我正在尝试开发一个向上/向下滑动动画，到目前为止：

在 jQuery 版本中，有问题的元素在display: none上面，我注意到 jQuery 幻灯片打开了，然后我看到display: block了最后一个元素。

当我display: 'block'如上所述注释掉时，它按预期工作，但是，当页面加载时，它从元素从全高变为无（我猜这很有意义？），这对用户来说很奇怪。

我试图弄清楚如何设置它，所以在关闭时，首先它会转到display: block，运行高度动画，并保持块。在另一个方向，我想阻止它直到它完成，添加一个display: none.

我试过添加一个不显示的类，但是由于动画在之前/之后没有添加一个类，它并没有按预期工作。我怀疑这应该是 Angular 动画 JS 和 CSS 类的组合，但我不太清楚这种模式。关于如何解决这个问题的任何建议都会很棒。

我正在尝试动态设置 uib-tabs。我的意思是我已经用 html 编写了所有代码，并且只动态获取索引来查看代码。我在这里简化了示例。我将 index="1" 提供给第一个选项卡，但它没有按要求工作。

提前致谢。

我不能将 ng-repeat 与标签一起使用，因为它们不同而且我的 HTML 文件太大

我是角度动画的新手，我遇到了问题。我有一个堆叠的下拉菜单，当我单击一个菜单项时，我希望它像滑入视图一样具有动画效果。我正在使用bootstrap4，div是display：none，处于第一个状态，然后是display：block。我还有一个指令，处理打开和关闭它，并跟踪外部点击。现在，我只能将菜单设置为滑动打开第一次单击，或者每隔一次（如果我在按钮外部单击并且菜单关闭，则会不同步，即动画状态没有改变）

有没有办法让 div 以角度创建？像入口和出口这样的东西，所以我可以得到一个双向动画？这是我的片段：

目前它只打开第一次动画，我已将其设为 switch 语句，但它再次与外部点击不同步。指令处理状态

这是仅供参考的指令：

--UPDATE--目前我可以通过让 div 从一个高度开始来为 div 设置动画：0px; 然后在我想要的高度结束它的状态。但这真的很乱，关闭时，它会缩小，然后显示：无；再次。