-
2 votesanswersviews
无法在Angular2中的父组件中使用子组件
我正在尝试使用主组件内部的子组件，app.component使用主组件模板内的选择器 . 但它不起作用 . child.component.ts import { Component} from '@angular/core'; @Component({ selector: 'child-component', templateUrl: `<p>Child Component</... -
5 votesanswersviews
如何在角度2中为子组件设置动画？
我试图在父组件上添加动画，所以当子组件：enter或：leave时，会显示滑动效果 . 这是我的父亲@component： @component({ selector: 'plan', templateUrl: '../templates/plan.tpl.html', styleUrls: ['../../../../assets/css/plan.scss'], ani... -
1 votesanswersviews
无法将新的npm模块添加到使用SystemJS的Angular2应用程序：“错误：（SystemJS）ToPrimitive未定义”
我正在尝试将npm模块添加到我的Angular2应用程序中，该应用程序使用systemjs来加载模块 . 它基于在线教程Angular 2 User Registration and Login Example & Tutorial，声明它基于Angular 2 quickstart project . 我想添加的模块是ng2-completer . 它不是我未能集成到我的applcati... -
8 votesanswersviews
Angular 2 Animate - 更改路径/组件时'* => void'转换没有可见效果
在官方文档的帮助下使用Angular 2 Animate（RC2），以及Matias在YT Channels 上使用的月份ng-conf动画视频中使用的代码 . 除了最重要的部分，我得到了一切工作： 在更改routerlinks / components时，我似乎无法获得离开转换/动画 . 使用'* => void'不会做任何事情 . 路由器在视图中销毁组件而不考虑动态离开转换并引入新的ro... -
6 votesanswersviews
如何在模型（文本）更改时为Angular2中的元素设置动画
每当文本在我的Ionic 2（Angular 2）项目中发生变化时，我都会尝试为值设置动画 . 这是在Ionic2项目中，但对于任何Angular2都应该是相同的 . 我在标记中有以下内容.. <ion-list no-lines> <ion-item *ngFor="let item of data> <ion-card [@flyIn... -
4 votesanswersviews
Angular 2路由器等待动画在组件上完成，然后在路由更改时销毁它
我想创建一个模块来监听路由更改，并且路由更改会根据当前路由和下一个路由执行给定的动画 . 基本上它应该解决这个问题：https://github.com/angular/angular/issues/9845像这样（草稿）：https://github.com/bergben/ng2-page-transition/issues/6 现在要做到这一点，我想通过组件的进入和离开时的路径数据执行给定的... -
2 votesanswersviews
如何使用Angular2动画更改flex-layout？
在官方教程的帮助下，我在@ angular / animations中完成了我的第一步 . 我添加了需要的库，我创建了我的第一个动画 . 我已经知道过渡和状态是什么 . 我可以创建简单的动画（更改背景颜色和更改元素的大小 . 我在我的项目中使用@ angular / flex-layout库来创建整洁的页面布局 . 这里有一个问题： How can I animate increasing and... -
0 votesanswersviews
Angular 2在点击动画中增加了边距
几个星期前我开始使用angular2 . 今天我的动画有些问题 . 我想做一些旋转木马，但我不知道怎么能用角动画状态“玩”... 所以在jQuery中它会像这里一样非常简单：https://jsfiddle.net/o2gxgz9r/5157/ 但我不知道如何在角度上做到这一点 . 我试图做3种状态：接下来，上一个和空闲 所以在按钮“下一步”点击我改变状态到下一个 - 一切都很好，因为它的动画 .... -
0 votesanswersviews
prepareForSegue tableview单元格仅显示表格中的第一个值
我想从TableView单元格传递数据，但在详细视图“SongdetailView”中，它只显示表中的第一个值 . 这是我的代码 - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { if ([segue.identifier isEqualToString:@"SongDetails"... -
5 votesanswersviews
更新@HostBinding Angular 4动画
我试图在Angular 4项目中工作的路线之间获得动画 - 但需要能够根据用户浏览应用程序的方式改变动画的方向（translateX） . 我发现保持DOM中进入和退出组件的唯一方法是使用void状态 . 此外，我必须将动画绑定到主机元素 . 如果我尝试将其绑定到组件中的元素，则只需使用输入组件替换现有组件 . 我想要这个，因为我不希望现有组件消失 - 我希望它在进入组件滑入时滑落以获得平滑的原生... -
4 votesanswersviews
动态创建角动画
我正在创建一个分页组件，可以滑动到下一个或上一个全屏页面 . 因为不同浏览器和设备的问题我现在已经放弃了使用CSS转换 . 我有一个有效的角度动画解决方案，但新问题是它不能扩展 . import { Component } from '@angular/core'; import { animate, state, style, transition, trigger } from '@angul... -
2 votesanswersviews
CSS3动画和悬停过渡
我在执行CSS3过渡和动画方面没有遇到任何问题，但我发现在没有一些故障的情况下将它们组合起来很麻烦 . 我有一个链接列表 . 当用户悬停在一个上面时，它应该发光（使用文本阴影），但是慢慢地进出脉冲 . 但是，悬停和离开链接应该会在发光之间产生轻微的过渡 . 我似乎无法让动画顺利结束 . 由于动画以“发光”开始，这很好，但是当用户离开链接时，它将恢复为ON状态，然后转换为OFF . 如果动画在离开时... -
0 votesanswersviews
位置变化动画
我有div元素，我想从左边动画它的CSS相对位置：-260px;左：-130px;我把鼠标放在它上面超过0.5秒，只要我的鼠标在那个div上，我希望它留在那里 . 比我想要将它设置回原来当我将鼠标移出div时的位置 . 我阅读了大量关于css关键帧动画的教程，我很困惑 . 我想要一些非常简单的东西只需简化持续0.5秒的动画 .我怎么能用css或CSS JavaScript（没有jQuery）呢？ -
1 votesanswersviews
在angularjs中动画转换
我需要在切换状态时为包含所有应用内容的div设置动画，问题是当尝试为离开和进入div设置动画时，它们会相互叠加，直到动画结束 . 我在互联网上找到的解决方案是将div设置为 position:absolute ，这样它们将处于完全相同的位置，但这在使用角度材料flex布局时很奇怪 . I made a plunker以实现我的动画的成功方式，问题在于css： .placeholder { wi... -
1 votesanswersviews
具有字母，没有空格或具有一定长度的数字的用户名的正则表达式是什么？
什么是正则表达式，只允许字母，没有空格或数字，长度为20个字符？ 可接受的用户名的一些示例： ask1kew supacool sec1entertainment ThatPerson1 Alexking 一些不可接受的用户名示例： No_problem1 a_a_sidkd Thenamethatismorethen20characterslong -
1 votesanswersviews
动画结束后，Angular 2重新应用[ngStyle]
我有一组图像，我的位置绝对是彼此相邻的 . 要做到这一点，我有每个图像元素： [ngStyle]="{ 'left': ((i % 5)*150) + 'px', 'top': (Math.floor(i / 5)*150) + 'px' }" 我在哪里索引 . 单击其中一个图像时，它将被带到页面的中心 . 为此，我在组件中有以下动画状态： s... -
2 votesanswersviews
Angular - 列表元素的错开动画
我有一个像这样定义的转换： transition('show-content => hide-content', [ query('.project-view-item', [ style({ opacity: 1, transform: 'translateX(0px)' }), sta... -
-1 votesanswersviews
Angular 2动画路由组件的空白状态
我正在使用组件装饰器的host属性声明一个动画触发器，其中包含* => void的过渡状态 . 我知道它是触发因为我已经应用了800ms的持续时间（用于测试，我将其更改为5秒以确定），当我单击routerLink将其带到另一个组件时，发生了5秒的延迟 . 问题是，没有动画发生 . 它应向左滑动并渐变为不透明度：0 . 这是组件装饰器中的代码： host: { '[@slideInOut... -
3 votesanswersviews
Angular 4动态高度动画在动画后恢复
我正在使用Angular4和他们的动画 . 我正在尝试将动态值传递给动画声明，但在动画结束后它会反转为原始状态 . 基本上，我有一个动态高度，然后将根据该高度触发动画 . 我想在没有bootstrap的情况下完成这项工作，或者使css3方法变得平坦，并在角度动画中进行 . 下面是动画定义 export const deltaScore = trigger( "deltaScore&q... -
1 votesanswersviews
Nativescript - 尝试在连接到Mac（iOS）的设备上运行应用程序
我正在尝试在直接连接到Mac的手机上运行我的应用程序 . tns运行iOS 它处于调试模式 - 不是 . 与 生产环境 证书等签订 我收到以下错误： 无法在设备上应用更改：4d86dddfd4ec1ae761441ed5947acb7c143120e3 . 错误是：命令xcodebuild失败，退出代码为65 . 我可以在模拟器上运行得很好 . 有帮助吗？ -
2 votesanswersviews
角度动画：如何在动画开始和结束时向特定元素添加额外的类？
我正在使用状态路由器在页面之间进行转换 . 我需要在动画运行时向 <body> 添加一个类，并在完成输入和离开动画后将其删除 . 我试图创建一个注入 $animate 服务的指令 . 然后我开始按照文档中的建议收听进入和离开事件 . The html: <div class="ui-view-container"> <div ui-view... -
2 votesanswersviews
我可以确定页面进入和离开Angular2（App也使用ngrx /路由器）
我有一个使用 ngrx/router 的Angular2应用程序 . 现在，当我很开心并使用AngularJS时，我可以使用css类轻松地为页面转换设置动画 . ng-enter, ng-enter, .ng-enter-active, .ng-leave, .ng-leave-active 和角度动画库 . 现在，我希望动画我的角2的应用程序的页面转换，但我听到的是，动画类是现在已经过时和动... -
1 votesanswersviews
AnimateChild不适用于子项：离开过渡
我在我的项目中安装了角度 "@angular/animations": "^4.3.0" ，我正在尝试运行childAnimation（） . 我有两个动画，一个用于父级，一个用于子元素 . 两者都有：输入和：离开过渡 . 显示父元素取决于 *ngIf="isOpen" . ：输入对两个元素都有效但是：在子元素上不保留动画 为了做到... -
2 votesanswersviews
Angular：在初始视图/页面加载时禁用动画
我有一个带有项目列表的Angular 4组件 . 在添加或删除项目时，我按照Angular文档（https://angular.io/api/animations/animation）设置了Enter和Leave动画 . 但是加载视图时，列表中的所有现有项目都会播放相同的动画 . 有没有办法在初始视图加载时关闭动画，但在加载视图后重新启用它？ -
0 votesanswersviews
如何使用角度动画正确地为平移和不透明度变化查询设置动画？
（Angular 5.2.8） 我正在尝试创建一个盒子，它可以通过按钮按下来转换几组元素，基本上是一个小向导的东西 . 为此，我使用this article中的示例滑动框，它只是创建一个与其父级一样宽200％的div，并将其水平翻译为0到50％以翻转页面 . 我希望通过为每个子窗格的子项添加淡入淡出效果来增强此设置以更符合我的设计，以便用户离开的窗格中的控件在它们移开时显示淡出，并且用户输入的窗格... -
1 votesanswersviews
Angular 6路由器过渡动画不起作用（导航栏）
我正试图在我的路由器插座上实现淡入淡出过渡 - 每当你移动到一个页面，你就会得到淡入/淡出 . 然而，它似乎根本不起作用，路由器插座位于导航栏的主要区域：Stackblitz of my app 请参阅动画的“fadeIn.ts”有关实现，请参阅“app.nav-component”html / ts和app模块 我希望当单击导航中的链接时，将触发转换动画 . -
0 votesanswersviews
Xpath如何在节点选择上使用和声明以及父条件
假设我有这样的XML： <my-parent-tag attr=""> <my-child-tag/> </my-parent-tag> <my-child-tag/> <!--I don't want to select this one--> 我想找到所有my-child-tags，其父节点my-parent... -
0 votesanswersviews
在查询中使用“：enter”时，Angular动画构建器返回零元素
我正在使用 AnimationBuilder 和 AnimationPlayer 使用 query 函数为子元素设置动画 但是，当我在查询中使用 :enter 时，它会停止工作 private createAnimation(animation): AnimationFactory { return this.animationBuilder.build([ query( ... -
8 votesanswersviews
鼠标悬停时打开Angular材质菜单
我正在使用Angular Material菜单栏显示菜单和每个菜单项下的子菜单 . 我添加了ng-click事件来打开子菜单 . 但是鼠标悬停在父菜单项上时菜单仍然打开 . 不仅如此，因为我有两个子菜单，对于第一个子菜单项，子菜单在鼠标悬停时打开，但第二个子菜单在鼠标悬停时没有打开 . 如何在鼠标悬停时停止此菜单打开 . 我试图在父菜单项上的mouseenter上停止事件传播 . 但是在打开第二个... -
0 votesanswersviews
Angular材料mat-menu溢出屏幕
我在一个角度应用程序中有一个菜单溢出页面（从屏幕右侧消失） . 我已经尝试了一些测试应用程序，它似乎总是起作用（材料在边界框中工作并将菜单向左推，直到它适合） . 有没有人有任何想法可以运行哪种css或js将菜单推到屏幕上 . 或者，如果有一个父元素，我可以包装菜单按钮来帮助它？ （在bootstrap 3中存在类似的问题，需要父内联元素进行下拉才能执行此操作） . 有问题的应用程序非常复杂，并且...