angular-animations

1热度

2回答

trigger('expandCollapse', [ state('open', style({ 'height': '*' })), state('close', style({ 'height': '0px' })), transition('open <=> close', animate

1热度

1回答

使用Angular 4动画SVG，转换和查询

我想在Angular中的组件中为动画制作一个svg，但我发现很难指定动画中的步骤。我想动画以下步骤： 1）圆开始屏幕外不透明度0 从顶部 2）圆内移动到屏幕上，并为它去，在不透明度1结束变得更加不透明 3）圈向右移动，屏幕外结束我甚至不能让它开始屏幕外，但我似乎也有在动画时触发无法控制的。我希望在页面加载后触发1秒。 HTML： <svg width="100" height="100">

2热度

2回答

并行运行多个查询动画

我有两个路由组件和它们的容器，我设置了一个动画触发器@slide，其中我查询每个动画并相应地进行动画处理。 <div [@slide]="o.activatedRouteData.name"> <router-outlet #o="outlet"></router-outlet> <div> RouterModule.forRoot([ { path: '', comp

3热度

1回答

角度4同时动画

我想将我的webapp从AngularJS移植到Angular 4，而且我有一些动画问题。对于“Google图片”类型的视图，我有两个动画需要在点击某个项目时同时发生;一个div需要边缘底部增加，并且该div的一个孩子需要逐渐出现，使用ngIf和高度过渡。两个动画分开工作，但如果我将两个动画放在各自的元素上，则只有第一个可以工作。我做了一个最小的plunker来证明我的意思：https://pl

9热度

1回答

如何使用@ angular/animations动画ScrollTop？

我试图从Material.io复制此动画：要只是导航就像在上面的例子中的第一张牌上点击的高度也很简单。只是有生命的高度属性。问题在于点击第二张卡片，然后将其他卡片推开。对此的一个解决方案是使用滚动来模拟事物被推开的效果。所以当你点击这个项目时，它通过动画高度使它更高，但同时也滚动视图。我的问题：我似乎无法弄清楚如何动画滚动与@angular/animations。我不能使用style({

-1热度

1回答

刷新页面后角度动画控制台错误

当我刷新角度js应用程序时，我在控制台下面看到这个。我正在使用角度js 1.5.5的材料设计。我花了很多时间在这个上，但我找不到答案。 TypeError: a is not a function at d (angular-animate.min.js:54) at angular-animate.min.js:55 at k (angular-animate.mi

6热度

4回答

生成动态CSS 4

我的工作与角4开发的管理面板上，并试图整合部分定制造型样改变颜色，BG等我已经开发了部分保存在数据库设置使用API将它们作为json加载应用程序。现在我试图使用从JSON值动态CSS，我与主要成分下面的代码，但它不工作 @Component({ templateUrl: 'card.html', styles: [` .card { hei

1热度

1回答

如何在离子3中实现Angular Router动画？

最近Angulater添加了一个功能，我们可以在输入视图时轻松实现动画。我的问题是我如何在离子中实现此功能？你可以找到更多关于路由器过渡here 我的目标是设置自定义转换时我推了新的一页。更确切地说，我想实现离子最右边的设计，你可以找到here

0热度

1回答

递归解析符号routerAnimation

我试图建立我的--prod模式角4.3应用程序，我得到以下错误（普通身材完美的作品）： ERROR in Recursion not supported, resolving symbol routerAnimation in .. 这是怎么了我的管理.component.ts样子： animations: [ trigger('routerAnimations', [

1热度

1回答

找不到BrowserAnimationsModule

角动画我试图导入BrowserAnimationsModule我的角度4项目与进口线 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 我已经在项目文件夹中添加动画模块如下用命令 npm install --save @angular/animations 但是，当我看到node_modu