问题标签 [angular-animations]

我正在使用angular2-busyAngular 4 项目。当我使用该ngBusy指令时，我只收到默认消息，没有包含背景的动画。我正在将busy.css文件导入到 my 中index.html，并同时导入了BusyModule和BroswerAnimationModule.

这是我使用它的方式：

我不知道这是否相关，但即使在数据加载后，“请稍候”消息仍保留在屏幕上。

编辑：我将 CSS 链接从index.html文件移动.angular-cli.json到styles. 我仍然面临同样的问题。

这是我尝试使用的包： https ://www.npmjs.com/package/angular2-busy

我正在创建一个具有完整页面宽度/高度 div 的网页。向下滚动时，我有两种方法。

点击滚动

滚动主机监听器

1.如何添加滚动动画效果？

就像 ：

2.如何使用HostListener滚动到下一个div？

在 Angular 2 项目中集成Web 动画 js的正确方法是什么？我已完成此处提供的必要步骤。但是Firefox中的动画仍然不稳定。

我使用最新的 Angular cli（版本：1.0.3）创建了一个新的 Angular 项目，并通过编辑 package.json 中的依赖项降级了 Angular 版本。动画在 chrome 中正常工作。

我在这里缺少什么吗？

包.json -

这是我的组件-

模板 -

我正在尝试从组件本身中淡出组件。我不知道这是否可能，我正在尝试使用HostBinding.

动画：

主机绑定：

我的例子是一个加载覆盖，它是一个单独的组件。当加载服务触发加载完成时，我试图淡出组件。

Plunker 示例： https ://plnkr.co/edit/heNSZYNJErXnF8bxaCiz

我不确定我设置的动画是否不正确，否则无法使用HostBinding.

我有 ng-repeat，我想根据控制器（vm）中的变量更改进入/离开动画。我找到了这个（http://www.nganimate.org/），但它适用于 angular 1.1.5，我使用的是 1.5。我怎样才能做到这一点？谢谢！

我对新的 Angular 4.3 动画有疑问。我认为我按照以下方式定义了一切正常：https ://medium.com/@gerard.sans/angular-supercharge-your-router-transitions-using-new-animation-features-v4-3-3eb341ede6c8但我没有在补丁更改期间，此时没有任何动画。下面我展示我的动画文件：

我的动画：

如果我将此动画更改为另一个，我会看到不同的动作，但我从来没有取得好的结果（全宽页面动画等）。如果我从动画代码中删除 {optional: true} 我也会得到这个错误：

编辑：

我找不到解决方案，所以我回到每个子控制器中的旧版本动画：

如果有人找到解决方案，请发布信息，我们如何使其更容易并仅在一个地方而不是每个控制器中创建动画。

我有带有折叠动画的 Angular 组件

动画正在工作并折叠/展开 div 内容。

现在整个组件可以通过 sortablejs 进行排序。这部分也在起作用。

但是由于某种原因，在我的卡片标题上拖动排序后第一次单击以触发动画会更改布尔值collapse但不会动画。再次单击后，视图跳转到其状态并且动画过程很好。

只有第一个触发器在拖动排序更改后不起作用。

我尝试根据高度为 Angular 4 中的元素设置动画。不管我是使用 margin-bottom 还是 height 作为要更改的属性，更改都完成了，但是没有动画，意思是 height/margin-bottom 值立即从 200px 跳到 0px，没有动画甚至没有延迟（如果指定的）。

这是我的动画代码：

模板代码为：

currentAnsichtState被正确定义并由单独的函数更改。

margin-bottom值也会从 200px 变为 0px，它会立即完成（尽管指定了 4000ms 的持续时间）。

我究竟做错了什么？

我正在尝试为 a 中的每个项目进行延迟转换ngFor。

每个项目必须在前一个项目之后几毫秒进行动画处理。

这是我的组件代码：

以及它的 html 标记：

有一种方法可以将延迟作为角度转换的参数传递吗？

编辑

根据 Oluwafemi Sule 的回答，交错是解决方案：

必须改进过渡，但它可以完成工作。

和 HTML 标记：

我正在使用 Angular4 和他们的动画。我正在尝试将动态值传递给动画声明，但在动画完成后它会恢复为原始状态。

基本上，我有一个动态高度，然后将根据该高度触发动画。

我想在没有引导程序的情况下完成这项工作，或者采用 css3 方法并在 Angular 的动画中完成。

下面是动画定义

更新：plunk