angular2-animation

0热度

1回答

我正尝试在层次结构中创建具有不同目录的sidenav菜单。它有两个动画，一个指示指针是否显示目录是否打开，另一个是动画在打开子目录时滑下并在关闭时滑动。这里是directory.component.html <a md-list-item class="flex-container" fxLayout="row"> <md-icon (click)="directory.open =

0热度

1回答

角度 - 动画使用变换，但不完全适用动画完成时的位置

所以我试图应用一些光滑的动画，他们工作挺好但不是很多，因为他们打破布局很多。的问题是，我需要使用position: absolute动画的时候，这样我可以用transform，如下所示： export function SlideLeft() { return trigger('slideLeft', [ state('void', style({position: 'ab

-1热度

1回答

角度。动画挠性元件

你好。我有一个小部件，看起来像这样：当点击搜索它变成：在标记有两个flex元素：用于报头（flex: 1）并用于搜索。在搜索单击我隐藏第一个和扩展第二个。现在我想让过渡动画。我开始用动画头元素。首先，我试过动画width： transition(':enter', [ style({width: 0, 'max-width': 0}), animate(500, styl

0热度

1回答

Angular 2 - 控制动画关键帧

我试图找到一种方法来控制CSS3/angular 2动画。例如，看从官方角2动画文档以下代码以一些变化： animations: [ trigger('flyInOut', [ state('in', style({position: 'absolute', left: '15%',bottom:'15%'})), transition('void => *', [

2热度

1回答

如何使用Angular2动画更改弹性布局？

在官方教程的帮助下，我在@ angular /动画中迈出了第一步。我添加了reqired库，并创建了我的第一个动画。我已经知道过渡和状态是什么。我可以创建简单的动画（改变背景颜色和变化分量的大小，我用@角/柔性布局库在我的项目，以创造整洁的页面布局和来这里的问题：。我怎样才能动画增加和减少的元素的宽度我的Flex布局例如：我有我的网页上3 “列”：在第一状态它们的宽度是：38％，52％，容器

0热度

1回答

角度2中的老虎机旋转效果

我正在一个个人项目中工作，我有一些卡片，并想多次垂直旋转，最后放在随机卡片上。我正在使用angular2重新创建我的项目，并且对于如何为旋转生成动画有点失落。这是我迄今为止... card.component.ts： @Component({ selector: 'app-card', styleUrls: ['./card.component.css'], temp

4热度

1回答

角2动画动画在相同时间我不所有元素想要那个

我想通过类例如用于每个格或任何按钮进行动画元件I具有触发一些动画我想动画的具体不在同一时间所有的动画 **，我不希望出现这种情况** **我想，只有选择的元素被动画** 和这是代码 // ************************ home.component.ts ************************* // import { Component, OnInit, trig

0热度

2回答

如何在组件初始化后更新角度2动画状态

我有一个简单的下拉组件，我想要动画。问题是，尽管控制动画状态的变量以“非活动”值开始，并且在组件加载时仍然出现下拉列表，并且在将鼠标悬停在其上时只显示正确的值。我无法将零高度和填充放置在我的样式文件中，因为我在使用'*'的动画中使用了基本值引用。我已经尝试在我的ngOnInit方法中使用ChangeDetectorRef。 <li (mouseenter)="showServicesSubMen

6热度

3回答

Angular 4动画布尔触发器

我正在使用Angular 4动画测试按钮上的一个简单的淡入/淡出动画。我遇到的问题是，因为我使用布尔值没有任何被触发。从开发工具，它看起来像一个.ng-animating类被添加到元素，但没有任何更改。这是我的代码示例： @Component({ selector: 'fade-btn-test', styles: [ require('./fade-btn-te

0热度

1回答

角度：动画完成回调

我知道(@myTrigger.done)事件，但即使动画被中断且未完成，它也会每次都会触发。我想创建一个弹出窗口组件的动画序列，其中弹出窗口从窗口右侧滑动，然后关闭按钮弹出。弹出窗口也可以通过Esc关闭。我正在使用@myTrigger.done触发事件来检查动画是否完成不是。但如果在弹出窗口滑动时按下Esc键，它将发出完成事件，并发出slideIn动画的完成事件，即使幻灯片动画未完成，也会弹