问题标签 [angularjs-animation]

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.

0 投票
2 回答
3145 浏览

angularjs - 动态 ng-hide?

我正在尝试根据输入隐藏 div。它是一个带有 id 的列表,所以目前我的 div 看起来像:

这输出:'hide'-1ng-hide. 我试过删除''但它不起作用。

计划是每个项目都有一个按钮,当单击该按钮时,它将应用$scope.hide-1 = true;,为该项目设置淡出动画。

有没有人根据按钮单击隐藏列表中的项目(div 中的 div)?我该怎么做?

0 投票
0 回答
701 浏览

angularjs - 用动画切换 2 个 div

我有两个<div>用户在它们之间切换的checkbox. 如果复选框被选中,第一个<div>是打开的。如果checkbox未选中,<div>则应显示第二个。

问题是这必须在动画中发生,特别是关闭动画必须首先发生,只有当它完成后,才开始动画

这是没有动画的想法:http: //jsfiddle.net/HB7LU/11597/

0 投票
2 回答
2938 浏览

angularjs - 使用 ng-switch 和 ng-repeat 作为滑块

我不能让这种滑块工作,从控制器获取数据。

这个例子工作正常:

但是,如果我将 img 标记更改为ng-repeat应该导致相同代码的 a,它就不起作用。

我怎样才能做到这一点?

0 投票
2 回答
552 浏览

angularjs - ie9中的角度动画函数预期错误

我在 angularjs ui 网格插件中使用 angular-animate.js。但在 ie9 中,我在函数 fireDoneCallbackAsync() 中收到错误“预期功能”。请参阅随附的屏幕截图。我该如何处理这个错误,而且我不清楚这个错误是从代码的哪一部分抛出的。 错误

0 投票
2 回答
141 浏览

javascript - 在 $animate .then() 方法中访问和更新控制器模型 - 使用“this”

我有一个控制器(下)。我想从 $animate 的 .then() 方法中更新 newsCtrl 的一部分。但我无法访问它的变量。

从代码中可以看出,我的问题是 currentPage 是“未定义”时

所以我想知道,如何从 .t​​hen() 方法中更新 currentPage ?

AngularJS 文档建议我应该使用 $scope.$apply ( https://docs.angularjs.org/error/ $rootScope/inprog?p0=$apply)

但我没有在我的控制器上使用 $scope,我使用的是“this”。

0 投票
0 回答
87 浏览

javascript - 角度动画和未定义的 javascript 值的问题

我正在尝试在登录失败时触发角度动画(当服务器发送 4xx(例如 403)或未提供凭据时)。

这是控制器:

表格:

但是,如果表单在输入中没有凭据(甚至没有空字符串),表单只会晃动一次。

有人可以帮忙吗?

编辑1

将控制器更改为:

解决了这个问题。谢谢弗洛里本...

0 投票
3 回答
2793 浏览

angularjs - AngularJS 中的实时搜索:更新结果

我想要一个实时搜索:web api查询结果并随着用户输入而更新。

问题是列表闪烁并且“无结果”文本出现了几分之一秒,即使结果列表保持不变。我想我需要使用特殊代码删除和添加项目以避免这种情况,计算数组之间的差异等。

有没有一种更简单的方法可以至少避免这种闪烁,并且可能有可能为更改设置动画?

现在看起来像这样:

实时搜索的样子

html部分是:

和控制器:

0 投票
3 回答
2585 浏览

angularjs - 如何从控制器方法触发 angularjs 动画?

我想从控制器方法触发角度动画。

我想出了一些我不满意的东西(见下面的代码)。

问题是,为了让我的动画正常工作,我需要跟踪 $scope 变量的状态,即$scope.shake

有人可以建议更清洁的解决方案吗?

编辑1

这是所要求的css代码:

0 投票
3 回答
1029 浏览

javascript - 动画滑动 div 弹跳而不是平滑地出现/消失

我的应用程序中有一个导航栏和一个子导航栏。在子栏中,可以按一个按钮,我希望此按钮打开一个新的子栏,该子栏将隐藏原始栏。

新的子栏应该从主栏后面滑动并隐藏第二个栏。

问题是:

  1. 当第三条出现时,它会弹跳而不是平滑地出现
  2. 当第三条消失时,它只是消失并且不会像我预期的那样向上滑动

我尝试使用该top属性,认为它可能会解决问题,但事实并非如此。

我在这里附上片段。或者你可以在jsfiddle中查看

0 投票
1 回答
451 浏览

javascript - Angular.js 页面转换 & $animate.addClass

当我的路线改变时,我想在我的包装器中添加一个特定的类,这样我就可以控制将触发什么 CSS 动画。

我尝试这样做: http ://plnkr.co/edit/KRwBFb6bCTkit9eKg8yb?p=preview

但是没有添加任何类,我是否以错误的方式使用此功能?