Angular 4 基于视图的变化
我有一个 div 就像
..
angular2-animation相关内容
如何在角度 2/4 中为动画状态指定类名?
我使用的是 4.1.3 版的角度动画 代码如下: @Component({选择器:'我的推子'，动画:[触发器('可见性改变'，[state('true' , style({ opacity: 1, transform: 'scale(1.0)' })),state('false', style({ opacity: 0, transform: 'scale(0.0)' })),过渡('1
..
如何在角度 2 的不同路线之间应用不同的动画
我有一个 angular 2 的测试应用程序版本，我已经成功地在路线更改之间应用了一个动画 state('default', style({不透明度:1，变换:'比例(1)translateY(0)'})),transition('void 默认', [style({ opacity: 0, transform: 'scale(.9) translateY(-20px)' }),动画('.2s
..
Angular 4 基于视图的变化
我有一个 div 就像
..
如何给角2/4中的动画状态赋予类名？
我正在使用4.1.3版的angular Animations 下面是以下代码： @Component（{ 选择器：'my-fader'， 动画：[ 触发器（'visibilityChanged'，[ state（'true '，style（{opacity：1，transform：'scale（1.0）'}）））， state（'false'，style（{opacity：0，t
..
角子机中的老虎机旋转效果
我在一个个人项目中工作，我有很多卡，并且想垂直旋转多次，最后得到一张随机的卡.我正在angular2中重新创建我的项目，但对如何为旋转动画设置动画有些迷惑.这就是我到目前为止所拥有的... card.component.ts: @Component({ selector: 'app-card', styleUrls: ['./card.component.css'],
..
Angular 2为特定的目标元素设置动画
我有2个组成部分: 其中一个包含一个router-outlet，其中将插入一个带有问题和3个可能答案的页面 第二个预览，包含20个框 我使用共享服务(BehaviorSubject)进行组件通信 我要做什么: 当用户从/question1路线中选择答案时，我会使用该服务发出唯一值(每个答案都具有唯一值) 在预览组件中，我已经订阅了发出的任何服务，并且我确切地知道了什么问题
..
Angular 4基于视图的更改
我有一个像 的div
..
Angular 2-将延迟传递到组件动画作为输入参数
我想通过html传递组件动画的延迟，例如: html: ts: @Component({ selector: 'circles', templateUrl: 'app/landing-page/subcomponents/circles.component.html', styl
..
Firefox中的断断续续的角度动画(Angular项目中的集成Web动画js)
将网络动画js 整合到一个角度的正确方法是什么2个项目?我已经完成了此处提供的必要步骤.但是firefox中的动画仍然不连贯. 我通过使用package.json中的依赖项，使用最新的角度cli(版本:1.0.3)和降级的角度版本创建了一个新的角度项目.动画在chrome中可以正常工作. 这里有什么我想念的吗? Package.json- "dependencies": {
..
Angular 2动画-布尔触发器?
我正在尝试触发绑定到布尔属性的过渡，但这似乎没有触发. 这是我的动画触发器的简化版本 trigger( 'trueFalseAnimation', [ transition('* => true', [ style({backgroundColor: '#00f7ad'}), animate('2500ms', style({backgroundCo
..
如何在角度2的不同路线之间应用不同的动画
我有一个角度2的测试应用程序构建，我已经成功地在路线更改之间应用了一个动画 state('default', style({ opacity: 1, transform: 'scale(1) translateY(0)' })), transition('void default', [ style({ opacity: 0, transform: 'scal
..
您可以将动画移动到Angular2中的外部文件吗?
@Component注释为我们提供了animations属性.可以用来定义每个具有很多state和transition属性的triggers列表. 当您向一个组件添加多个动画时，此列表可能会变得很长.同样，某些动画也非常适合在其他组件中使用.必须将它们直接放在每个组件中似乎很繁琐且重复-而且违反了DRY原则. 您也可以在组件上定义模板和样式属性，但是在这里，您可以选择提供templat
..
如何在Angular 2中创建可重复使用的动画
我正在使用Animation API，我想创建一个可重复使用的动画，例如在顶级路由器视图的内容中滑动.我设法通过了时髦的元数据语法(一旦摆脱了使用元数据的疯狂想法，这实际上很酷)来使动画大部分正常工作. @Component({ //moduleId: module.id, selector: 'album-display', templateUrl
..
angular2组件中的多个动画触发器
我想在一个组件中定义多个动画触发器。这可能吗？ 例如，一个用于进入场景，一个用于悬停。 或者我是否需要为这种情况定义两个组件（父子）？ item.compoennt.ts //删除了导入和类部分以提高可读性 @Component（ { 选择器：'item'， templateUrl：'。/ item.template.html'， styleUrls：['。/ it
..
angular 2动画vs css动画 - 什么时候使用什么？
我目前正在尝试angular2的动画，我想知道他们带来的标准css动画/过渡的具体优势。 一个典型的材料设计卡和悬停效果与箱阴影。大多数css框架使用：hover和css转换。在使用angular 2动画有特别的优势吗？ 我读某处css动画属性不调用GPU那么多，因此有一些延迟和滞后。 解决方案 问题实际上是更多 javascript动画vs css动画动画是基于javascr
..