angular-animations

1热度

1回答

问题： - ：目前，鉴于变淡角4使用角动画问题淡入视图上路由改变在网站上载入，但不在路线改变时。我希望视图始终在路由更改中消失。这是我的HTML：（可能问题就在这里???） <div class="page" [@fadeInTransition]> <router-outlet></router-outlet> </div> 这是我的应用程序组件： import

0热度

2回答

用于淡入淡出的角度4动画

我只想让视图淡入淡出路线变化。我已经正确地设置了组件，但似乎需要获得我认为正确的动画语法。这是我目前的动画尝试。我导入此动画，我的组件： import {trigger, state, animate, style, transition} from '@angular/animations'; export function routerTransition() { retur

0热度

1回答

特定状态的角动画

我想为特定的状态更改制作不同的动画。我在此基础上我： https://scotch.io/tutorials/animating-angularjs-apps-ngview ，它工作正常，但我想是这样的：状态从A改为B - 幻灯片视图从左至右状态从B到C - 从右滑动视图向左状态改为从C到A - 滑动视图从上到下否则 - 滑动视图从下向上目前我有这样的事情 - 所有的意见都从右向左移动

0热度

1回答

仅使用Angular动画对列表中的新项目添加动画？

在角度则可以错开动画，因为我在这里做，例如： <div masonryLayout [masonryOptions]="masonryOptions" [input]="photos" class="grid" [@photosAnimation]="photos.length" > <img *ngFor="let

7热度

1回答

angular2过渡动画不起作用

我想将角度转换应用到元素，但它不起作用。我已经添加了web-animation-js，但仍然没有效果。加在OnMouseLeave在和的onmouseover功能的实现 //的package.json "web-animations-js": "^2.3.1", //列表项 <li class="list-group-item" (mouseover)="onMouseover()" (mo

0热度

1回答

为什么我的动画不是以角度工作的？

main.component.ts import { Component, OnInit } from '@angular/core'; import { trigger, state, style, transition, animate } from '@angular/animations'; @Component({ selector: 'app-main', t

2热度

1回答

对儿童的角度4动画：风格向后跳

我想通过动画设置其不透明度来淡化元素的孩子。它工作正常，但在动画结束时，孩子的风格恢复到原始状态（不透明度未设定）。如何防止/如何告诉Angular在动画完成后将样式保留在目标状态？这里是我的代码： @Component({ selector: 'app-playground', template: ` <div [@simpleStateTransition]=

1热度

1回答

角度4组件响应动画

我正在开发一个角度响应应用程序，它在移动设备上有一个抽屉。我喜欢Angular的Web动画API实现，但我找不到可以根据我的媒体查询断点配置动画的地方。我只能通过我的css工作表取消动画，但是这使我开始在我的项目中的不同地方分发代码，我不确定这是什么角度打算给我做。 .. 活生生的例子我的应用程序抽屉使用此代码动画 <div class="mobile-menu" [@animateDraw

0热度

1回答

角4动画将不会在路由变化触发

我创建了下面的动画在我的角4项目： import { trigger, state, style, transition, animate } from '@angular/animations'; export function slide() { return trigger('slide', [ transition('void => *', [

1热度

1回答

限制动画查询不适用

根据Angular动画包中的query函数文档，您可以提供一个可选参数limit。据我的理解，与limit: 5，只有前五个元素被发现将动画。当我使用query与limit: 1时，只有第一个元素是动画的，但有任何其他数字，所有的元素将被动画。看到这个plunker transition(':enter', [ query('p', [ style({transform: