angular-animations 相关问题

使用此标记可以更好地引用角度版本2.0及更高版本或BrowserAnimationsModule中的动画。

Angular 中的样式方法类型“AnimationStyleMetadata”没有与类型“AnimationOptions”共有的属性的错误原因是什么?

在 Angular 4.4.7 中,在动画属性声明中的组件上: `动画:[ 触发器(“展开”,[ 状态( “关闭”, 风格({ 不透明...

回答 1 投票 0

添加路由器动画后角度路由器出口高度不正确

我正在尝试为我的角度项目添加路由器动画,我已经添加了一个动画但是为了动画需要工作我正在为路由器出口标签内的选择器添加绝对位置。

回答 1 投票 0

是否可以使用纯 css 禁用 mat-tab 动画

我想禁用 Angular Material mat-tab 动画(当内容滑入到位时发生的动画)。我知道可以使用 [@.disabled] 属性,但我想知道它是否是

回答 4 投票 0

Angular 9 - 动画和*ngIf条件。

我正试图理解angular中的动画,但我现在真的很困难。除了这个具体的例子之外,还有什么学习的来源,就不胜感激了。下面是stackblitz...。

回答 1 投票 0

即使状态没有改变,动画回调也会立即运行。

我在angular中创建了一个动画,我需要知道它什么时候开始,所以我定义了一个回调。问题是当组件加载时,即使没有改变状态,回调也会被触发。模板...

回答 1 投票 0

Angular - 页面加载时的动画

我想制作一个动画,让顶部的div滑出,露出下面的页面内容。以下是我的动画动画。[ trigger("myAnimationTrigger", [...

回答 1 投票 1

如何根据动作有选择地应用动画[关闭]。

我试图在用户添加一个项目时应用淡入动画,在删除一个项目时应用淡出动画,但它不工作https:/stackblitz.comeditangular-animation-fade-in-pfets4?file=app%2Fapp...。

回答 1 投票 0

如何用Keyframe在动画项目中正确创建和结构?

我刚刚创建了一个 "加载 "组件 它包含了 "旋转器 "的动画。如果是在以前,我会在assets中创建一个.scss,然后在组件中插入@import,但由于我......

回答 1 投票 1

如何在组件内部手动触发动画?

在Angular 9动画中,如何从组件本身触发动画?我假设我会在组件本身中手动执行此操作,因为它会跟踪图形处于何时的状态...

回答 1 投票 0

Angular-如何为带有交错的组件列表设置动画

您如何使用交错动画为元件列表设置动画?我还添加了一个工作版本,但没有列出组件,因此可以正常工作。正如我所说,我想使用组件代替“呈现” ...

回答 1 投票 0

如何在子组件中使用角度动画

我在应用程序组件@Component({选择器:'app-root',styleUrls:['./app.component.css'],templateUrl:'./app.component.html',封装中定义了动画: ViewEncapsulation.None,...

回答 1 投票 0

Angular 2动画-布尔触发器

我有一个带有一个字段的表单,如果该字段不正确,我想使用动画对其进行摇动 [ 比setTimeout-更好的方法是使用animation callback done <mat-form-field [@error]="isError" (@error.done)="isError = false" class="al-subscribe-form-field"> ... </mat-form> 每个动画周期后,您需要将isError设置为false。否则,由于false <=> true仍为isError,因此转换true将永远不会触发。尝试以下操作 public onSubscribeClick(): void { if (this.subscribeFormGroup.invalid) { this.isError = true; setTimeout(() => { this.isError = false }, 1000); // <-- set the duration to the animation duration } ... }

回答 2 投票 0

如何在主机组件上以角度触发动画?

假设我有一个要动画的组件(整个页面的过渡和另一个搜索视图的插入)。我怎样才能做到这一点?我有动画,但是我没有...

回答 1 投票 0

Angular 5:路由期间的淡入淡出动画(CSS)

我有2条路径:export const appRoutes:Route [] = [{路径:'page1',组件:Page1Component,数据:{动画:'page1'...

回答 3 投票 7

角度-加载组件时动画效果失败

我想在加载页面组件时产生不透明效果,但是我发现必须将其设置为setTimeout()才能成功运行。有没有更好的办法?例如:component:@ ...

回答 1 投票 0

由于CSP(在polyfills.ts中带有web-animations-js),Angular动画在Firefox上不起作用

我在Firefox(和Safari)上应用Angular动画时遇到问题。是的,我知道那里有很多答案,您可以简单地在polyfills.ts中添加web-animations-js,它应该可以......>

回答 1 投票 0

如何在数组插入角度上设置元素动画?

我是角度动画方面的真正新手,到目前为止,除了简单的过渡之外,再也不需要使用其他任何东西。我认为我要寻找的内容非常简单,但我无法弄清所缺少的内容。我有...

回答 1 投票 1

如何在Angular的问题路由之间添加动画?

我正在Angular 9中使用测验应用程序,并且我试图在问题路径之间添加动画,例如:question / 1,question / 2等。现在,动画在...

回答 1 投票 1

Angular 9为步进器组件制作动画

我正在尝试创建一个组件,该组件可以(可能)具有所需的多个子代。因此,我创建了一个stepper组件,该组件由两个组件组成:父组件(Stepper)和子组件(Step)。他们...

回答 1 投票 0

如何使用Angular 9停止/暂停/恢复SVG动画?

SVGSVGElement的规范包含诸如pauseAnimations()或unpauseAnimations()之类的方法。但是如何在Angular 9中访问这些方法?或者如何暂停/恢复SVG路径动画?

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.