问题标签 [angular-transitions]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 特定项目的角度页面过渡动画
我想做路线过渡，但不是简单的滑出/滑入动画。我正在寻找像左边这样的动画（https://cdn.dribbble.com/users/495792/screenshots/3847874/allshots3.gif）
我知道如何为将重绘整个内容的路线设置动画。但是如何通过改变路线实现一个/多个组件到另一个组件的过渡效果（左侧的放大/缩放效果）。
我将不胜感激在哪里寻找一些示例代码的任何建议或指导。
angular - 动画过渡不起作用 - 角度 6
打开和关闭 Sidenav 时我需要动画
...
……
我的 html
不显示任何错误只是不应用动画......我哪里出错了？
angular - angular 5“装饰器不支持函数表达式”
我很难用
ng build --prod
问题出在组件 IndexComponent 中：
index.component.ts
如您所见，它调用 index.animations （在同一文件夹中）
索引.动画.ts
这在我使用 ng serve 进行测试时效果很好，但是在使用“build --prod”进行编译时出现以下错误
app\index\index.component.ts(8,17) 中的错误：'IndexComponent' 模板编译期间出错 'indexTransition' 中的装饰器不支持函数表达式 'indexTransition' 引用 'ɵ0' 'ɵ0' 包含错误app\index\index.animations.ts(2,15) 考虑将函数表达式更改为导出函数。
我的环境
角 CLI：1.7.4
节点：8.10.0
操作系统：win32 x64
角度：5.2.11
该错误与此主题非常相似，但接受的答案对我不起作用（如您所见，我尝试在所有查询中输入 optional:true ）。我的问题是：在这种情况下，我应该如何“将函数表达式更改为导出函数”？还是有更简单的方法来绕过这个错误？抱歉，我对 Angular 很陌生。
感谢您的帮助，抱歉英语不好，如果我的问题中缺少某些内容，请告诉我。
css - 具有多个路由器插座的 Angular 7 路由器动画
我正在尝试添加路线之间的过渡，遵循这篇文章和一些类似的文章。
我确实可以让它工作，但我在使用 CSS position-absolute 时遇到了问题，这似乎需要：
我的应用程序有多个路由出口：页眉、主目录和页脚。我在应用程序根目录上使用 flexbox 使页眉和页脚贴在顶部和底部。
您可以在这个stackblitz中看到布局和过渡。
问题在于将位置设置为绝对和 100% 会导致内容进入页脚（请参阅“关于”页面）。
没有 position: absolute 就没有办法进行交叉淡入淡出过渡吗？这似乎假设内容占据了整个页面。如您所见，很多时候还有其他内容，例如页脚或其他静态内容或第二个路由器出口。
我正在寻找的是只影响给定路由器插座中的内容的过渡。
angular - Angular 7在具有过渡效果的同一页面中创建卡片视图及其详细视图
我是Angular7的新手。我在 app.js 中创建了一个组件，它显示了一个卡片列表。我要构建的是单击卡片视图，我需要显示带有过渡效果的详细页面。有没有实现相同想法的例子？请在此处找到类似的演示卡点击和详细
angular - 错误：this.currentLoader.getTranslation(...).pipe 不是函数
我正在将 ngx-translate 用于其中一个 Angular 项目。当我尝试从 http post 请求加载翻译数据时，它失败了。代码如下：
这是相同的 stackblitz：https ://stackblitz.com/edit/github-x4rjpw
angular - 如何让 Angular 路由器动画与“ng build --prod”一起使用？
当我想使用 'ng build --prod' 构建我的 Angular 应用程序时出现错误：
src/app/route-animations.ts(15,9) 中的错误：不支持“slideTo”表达式表单的模板编译期间出错。src/app/route-animations.ts(20,15)：不支持“slideTo”表达式表单的模板编译期间出错。src/app/route-animations.ts(24,39)：不支持“slideTo”表达式表单的模板编译期间出错。src/app/route-animations.ts(27,39)：不支持“slideTo”表达式表单的模板编译期间出错。src/app/route-animations.ts(15,9)：不支持“slideTo”表达式形式的模板编译期间出错。src/app/route-animations.ts(20,15)：不支持“slideTo”表达式表单的模板编译期间出错。src/app/route-animations.ts(24,39)：“slideTo”模板编译期间出错 不支持表达式形式。src/app/route-animations.ts(27,39)：不支持“slideTo”表达式表单的模板编译期间出错。
我真的不知道如何解决这个问题。
我已经在我的应用程序中添加了路由器动画，如下所示：
angular - 是否可以在角度 ngx-translate 中进行动态消息翻译
我有来自表单控件的动态验证消息，该消息来自后端配置。是否可以使用角度 ngx-translate 进行翻译？
同样对于
有一个基于服务器动态类别的下拉列表。可以翻译吗？
别的
是否可以根据服务器值更新翻译 en.json、es.json、fr.json 文件，例如）考虑用户名、角色、需要翻译登录用户的权限
angular - 角度的flyInOut动画无法按预期工作
我正在尝试为我的应用程序中组件之间的更改设置动画。活动的应该从右边退出（:leave），新的应该从左边进入（:enter）。我已经设置了代码来做到这一点，但是进入的代码被渲染在离开的代码下方（动画工作），我猜这与它们被显示为块有关，但是当我删除那个样式时从主机属性，动画中断。现在已经挠了一个小时了，我真的很感激这方面的一些帮助。我的代码是：
我正在从单独的文件中导入动画，并且故意将时间设置为高以进行调试。感谢任何能够提供帮助的人！
css - 如何在使用动画时调整 Angular 中组件的宽度？
我正在尝试使用 Angular Animations 来滑动我的导航栏，它运行良好，但是当导航栏隐藏时，我需要自动调整其他组件的宽度。就像我希望我的其他组件在隐藏导航栏时占据整个页面的宽度，但由于某种原因，我的其他组件的宽度只有在我单击任何组件后才会调整。谁能帮助我并指导我如何调整宽度？
我正在使用 ngIf 来显示和隐藏导航栏组件。当我显示和隐藏没有动画的导航栏时，宽度会自动调整。任何线索都会有所帮助。谢谢！
navmenu.component.ts